validate
方法返回一个 Validator
对象。Validator
对象有很多方法可以用来引发校验程序或者改变 form
的内容,下面列出几个常用的方法。
meta String 方式
将验证规则写在了控件中
$("#myform").validate({
meta:"validate",
submitHandler:function() {
alert("Submitted!") }
})
<script type="text/javascript"
src="js/jquery.metadata.js"></script>
<script type="text/javascript"
src="js/jquery.validate.js"></script>
<form id="myform">
<input type="text"
name="email" class="{validate:{ required:true,email:true }}" />
<input type="submit"
value="Submit" />
</form>
三种验证方式
配置对象
{
errorClass: "error", // 消息错误提示容器,验证未通过的表单元素的的className
validClass: "valid", // 验证通过的表单元素的的className
errorElement: "label", // 消息错误提示容器的的tagName
wrapper: element.tagName, // 只能是一个标签名,如:div, strong ...,将会创建一个div元素包裹 错误消息提示的label元素
errorLabelContainer: selector, // 如果表单验证不通过,所有错误消息提示的label元素都会插入到该元素中
debug: true, // 为true将会 阻止表单提交,但会验证表单控件
ignore: ':hidden', // 将会忽略选择器匹配的所有表单元素的验证
submitHandler: function(){ // 表单提交时,将会触发这个函数,如果存在该函数,将会阻止表单提交
},
invalidHandler: function(){ // 如果表单验证不通过,将会触发这个函数
}
}
validator 对象
validate
方法返回Validator
对象,Validator
对象有很多种有用的方法:
Validator.form()
验证表单是否有效,返回true/false
Validator.element(element)
验证某个元素是否有效,返回true/false
Validator.resetForm()
把表单恢复到验证前原来的状态Validator.showErrors(errors)
针对某个元素显示特定的错误信息Validator.numberOfInvalids()
返回无效元素数量
Validator
对象还有很多有用的静态方法,可以直接使用:
jQuery.validator.addMethod(name,method[,message])
增加自定义的验证方法
jQuery.validator.format(template,argument,argumentN...)
格式化字符串,用参数代替模板中的{n}
jQuery.validator.setDefaults(option)
修改插件默认设置
jQuery.validator.addClassRules(name,rules)