HTML5表单验证给前端人员带来了方便,但
用户体验方面存在一些不足。
默认的
提示不友好的用户,并不能准确地获取所需信息。幸运的是,牛提供的setcustomvalidilty
方法自定义提示信息时,
界面的设计,这是一个好
消息,但也存在一些不足,需要做一些额外的
工作人员真的想。
例1:
HTML5页面使用Javascript验证表单来判断
输入。
函数检查(){
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();
}
}
}
以上是本文的全部内容,希望大家能喜欢。