My白开水

导航

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属性的按钮

      提交表单时才会关闭表单的输入校验。

    

posted on 2014-06-05 21:26  My白开水  阅读(120)  评论(0)    收藏  举报