客户端验证API
时间:2014-7-5
本地表彰验证十分有益,但有时开发人员可能想要通过添加一些自定义验证或创建自己的错误报告框架来实现更多功能.Constraint Validation API具有一系列的对象,属性和类函数,指在为开发人员提供扩展浏览器验证系统的灵活性或完全自主创建.
这个API的第一个属性是willValidate,根据调用的元素是否需要被验证,这个属性返回true或false-所根据的是验证过程是否被应用,而非其值是否有效.相比较而言,willBeValidated属性可能更为有用,在默认情况下,所有表彰元素返回true,除非它们被明确地设置为不返回true-例如使用disabled属性.
通过使用willValidate属性,可以只在被验证的表彰元素上执行操作,如下面代码所示:
var inputFields = document.querySelectorAll('input'),
inputLen = inputFields.length,
i;
for(i=0;i<inputLen;i++)
if(inputFields[i].willValidate)
{//do something
}
}
验证表彰元素的最简单方法是使用checkValidaity()类函数,根据其调用的元素是否验证其当前值,这类函数返回true或false.这类函数是下面所示脚本的核心,根据验证状态,这脚本使用checkStatus函数来运行checkValidity()类函数洋式用色或叉来更新兄弟元素p的内容.