HTML5新增的客户端校验

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

• required：该属性指定该表单控件必需填写。
• pattern：该属性指定该表单控件的值必需符合指定的正则表达式。
• min、max、step：这3个属性值对数值类型、日期类型的<input.../>元素有效。

2、调用checkValidity方法进行校验

 如果表单对象调用checkvalidate()方法返回true，则表明该表单内所有表单控件都有效。

3、自定义错误提示

html5新增的setCustomValidity()方法可以实现自定义错误提示。

4、关闭校验

• 为<form.../>增加novalidate属性。
• 为type="submit"的<input.../>或<button.../>元素设置formnovalidate属性。

转载于:https://www.cnblogs.com/yhq361/p/4145362.html