HTML5+setcutomvalidity（）函数验证表单实例分享

HTML5表单验证给前端人员带来了方便，但用户体验方面存在一些不足。默认的提示不友好的用户，并不能准确地获取所需信息。幸运的是，牛提供的setcustomvalidilty方法自定义提示信息时，界面的设计，这是一个好消息，但也存在一些不足，需要做一些额外的工作人员真的想。

例1：

HTML5页面使用Javaｓｃｒｉｐｔ验证表单来判断输入。

函数检查（）{
VaR第一遍扫描= document.getelementbyid（第一遍扫描）；
VaR等通行证= document.getelementbyid（通行证）；
如果（pass1.value！=通行证。值）{
pass2.setcustomvalidity（不一致的密码）；
其他的
pass2.setcustomvalidity（）；
}
VaR的电子邮件= document.getelementbyid（电子邮件）；
如果（！email.checkvalidity（））
email.setcustomvalidity（请输入正确的电子邮件地址）；
}

密码:
确认密码：
电子邮件：

例二：

测试

检查

函数（i）{
var v = i.validity；
如果（真的= v.valuemessing）{
i.setcustomvalidity（请填写一些领域）；
其他{ }
如果（真的= v.patternmismatch）{
i.setcustomvalidity（请输入4位数的代码）；
其他{ }
i.setcustomvalidity（）；
}
}
}

以上是本文的全部内容，希望大家能喜欢。