html5 form 验证状态,HTML5 表单验证

作者：Monodyee | 2024-02-18 22:15:06

踩

html 判断form是否验证通过

显示验证----可自己设置验证通过和不通过的提示信息

checkValidity方法用于检验输入信息与规则是否匹配，匹配则返回TRUE 不匹配则返回FALSE

function checkName(){

var name=document.getElementById("user");

var result=document.getElementById("result");

if(name.value=='')

{

result.innerText="请输入姓名";

alert("输入姓名");

return;

}

var flag=name.checkValidity();

if(flag){

result.innerText="格式正确";

}else

result.innerText="格式不正确";

}

name

自动验证

num

数字:

步长：3

取消验证

novalidate属性可取消表单全部元素的验证

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/Monodyee/article/detail/110904