HTML5新增的客户端校验

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

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

2、调用checkValidity方法进行校验

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

3、自定义错误提示

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

4、关闭校验

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

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