6月5号=》76页-80页
3.4.2 调用checkValidity方法进行校验
前面介绍的通过校验属性执行的输入校验简单、易用,但略显"呆板",如果开发者想使用对话框
来弹出错误提示,或者有其他校验要求,则可以借助于HTML5为表单、表单控件提供的checkValidiy()
方法进行校验。
如果表单对象调用checkValidity()方法返回true,则表明该表单内的所有表单控件都有效。只要
有任意一个表单控件不能通过输入校验,表单对象的checkValidity()方法就会返回false。
如果表单对象调用checkValidity()方法返回true,则表明该表单控件可以通过输入校验,否则返回false。
除此之外,HTML5为所有表单、表单控件都提供了一个vaildity属性,该属性的值是一个ValidityState对象,
该对象代表了表单、表单控件的输入校验状态,其中ValidityState的valid属性可以表示该表单、表单控件
是否通过输入校验。
3.4.3 自定义错误提示。
HTML5为表单控件新增的setCustomValidity()方法来实现自定义错误提示,该方法接受一个字符串参数,
该字符串将会作为用户"自定义"的错误提示。
3.4.4 关闭校验
在某些时候,如果希望暂时关闭HTML5对表单提供的输入校验,则可以通过如下两种方式来实现。
为<form>元素增加novalidate属性,该属性的值要么是novalidate,要么省略属性值。
为type="submit"的<input>或<button>元素设置formnovalidate属性,该属性的值
要么是novalidate,要么省略属性值。
第一种方式将会直接关闭表单的输入校验功能,无论通过哪个按钮提交该表单,该表单都不会执行输入校验。
第二种方式则由指定的提交按钮来关闭表单的输入校验,只有当用户通过指定了formnovalidate属性的按钮
提交表单时才会关闭表单的输入校验。
浙公网安备 33010602011771号