HTML5的客户端校验学习

1. 使用校验属性执行校验

HTML5为表单控件新增了如下几个校验属性:

required:该属性指定该表单控件必须填写,该属性的值必须是required或完全省略的属性值。

pattern:该属性指定该表单控件的值必须符合指定的正则表达式。

min、max、step这三个属性只对数值类型、日期类型的<input…/>元素有效,这三个属性控制该表单控件的值必须在min~max之间,并符合step步长。

2. 上面的错误提示根据浏览器不同会发生变化

我们可以通过HTML5为表单控件新增的setCustomValidity()方法来实现自定义的错误提示,只有当表单控件本身没有通过输入校验的时我们才能调用该方法。

HTML5的客户端校验学习,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。