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

表单验证

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

/*

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

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属性 可取消表单全部元素的验证