首页 > 代码库 > HTML5新增的客户端校验

HTML5新增的客户端校验

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

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

2、调用checkValidity方法进行校验

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

3、自定义错误提示

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

4、关闭校验

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

HTML5新增的客户端校验