函数调用 自定义jQuery.validator.addMethod
时间: 2023-09-01 15:07:46 浏览: 181
自定义jQuery.validator.addMethod是用来添加自定义的验证方法到jQuery Validate插件中。这个方法接收三个参数:
1. 方法名:用于标识这个验证方法的名称,可以是任何合法的字符串。
2. 验证函数:这个函数接收两个参数,第一个参数是要验证的值,第二个参数是要传递给这个函数的额外参数。这个函数应该返回一个布尔值,true表示验证通过,false表示验证失败。
3. 错误提示信息:当验证失败时,要显示的错误提示信息。
下面是一个示例代码,演示如何使用自定义jQuery.validator.addMethod方法:
```
// 添加自定义验证方法
jQuery.validator.addMethod("phone", function(value, element) {
// 正则表达式验证手机号码
var reg = /^1[3|4|5|7|8][0-9]{9}$/;
return this.optional(element) || (reg.test(value));
}, "请输入正确的手机号码");
// 使用自定义验证方法
$("#myform").validate({
rules: {
phone: {
required: true,
phone: true
}
},
messages: {
phone: {
required: "请输入手机号码",
phone: "请输入正确的手机号码"
}
}
});
```
在上面的代码中,我们先使用jQuery.validator.addMethod方法添加了一个名为“phone”的自定义验证方法,用来验证手机号码是否合法。然后,在表单验证的规则中,我们使用了这个自定义验证方法来验证“phone”这个表单元素的值。如果验证失败,就会显示后面的错误提示信息。
阅读全文