您的位置:首页 > Web前端 > JQuery

jquery validate基础(五)之API

2015-02-23 20:54 381 查看
validate():初始化表单验证,如 $(‘#表单id’).validate();

valid():验证表单,返回布尔值。true 表示验证通过,false 表示验证不通过;如 $(‘#表单id’).valid();

rules():增加、删除、获取元素的规则。

· 增加规则

$(‘#元素id’).rules(‘add’, {

required: true,

digits: true

});

· 删除规则

$(‘#元素id’).rules(‘remove’);
//删除元素的全部规则

$(‘#元素id’).rules(‘remove’, ‘required digits’);
//删除元素 required 和 digits 规则

· 获取规则

$(‘#元素id’).rules();

 

$.validator.addMethod(name, method, message):创建新的验证规则;name为自定义规则名称;method为验证方法;message为错误的信息提示;

如,验证内容是11位数字。

$.validator.addMethod(‘numberLength11’, function(value, element, params) {

// value 为元素的 value; element 为元素对象;params为参数,min:2时,params 为2

return /\d{11}/.test(value); //函数返回布尔值

}, ‘必须是11位长度的数字’);

 

$.validator.format();用户格式化 message 的,胚体具体用法,参见 jquery validate基础(三)之rules和messages

 

$.validator.setDefaults():修改验证的修改,参数与 validate() 传入的配置,用法相同。

 

$.validator.addClassRules():给元素添加规则时,也可以在 class 里添加;如 class=”required”,但是像 minlength: 2 这样的规则,在 class 里就不能添加了。可以先用此方法定义一个class 名称,添加相应规则后,在 class 中再添加。如:

$.validator.addClassRules(‘checkAge’, { // class 名称叫 checkAge

// 规则是正整数,且范围在 1-150

digits: true,

range: [1, 150]

});

<input type=”text”name=”age”class=”checkAge”/>

 

调用 validate() 方法时,会返回一个 Validator 对象。Validator 对象有如下方法

form():验证表单,返回布尔值;验证通过,返回 true,验证不通过,返回 false。同 valid()

element():验证表单中的元素,返回布尔值;验证通过,返回 true,验证不通过,返回 false。函数接收一个字符串参数,jquery 选择器写法。

resetForm():重置表单验证。将已验证不通过的错误信息隐藏。

numberOfInvalids():返回验证不通过元素的总个数。

showErrors():显示错误的信息;如对元素的值需要做其它验证(如唯一性)时,验证不通过,可以提示用户。函数接收一个 Object。key为元素的name,value 为需要提示的信息。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  javascript jquery validate