jQuery.validator.addMethod("isFigure",function(value,element,param){
// 正则不能写错。
var pattern = /^([0-9]*)+$/;
return this.optional(element) || (!pattern.test(value));
},"店铺名称不能为纯数字。");
// 校验表单合法性
$("#form_openstore_org").validate(
{
submitHandler : function(form) {
form.submit();
},
rules : { // 校验规则
storeName : {
required : true,
maxlength:40,
minlength:4,
isFigure:true,
remote:
{
url:"/app/usermanager/openstore/valid/reduplicate",//后台处理程序
type:"post", //数据发送方式
dataType:"json", //接受数据格式
data:{storeName:function(){return $("#storeName").val();}}
}
}
},
messages : {
storeName : {
required : "请输入您的店铺名称!",
maxlength:"店铺名称太长!",
minlength:"店铺名称不能少于4个字符!",
isFigure:"店铺名称不能为纯数字。",
remote:"店铺名称已注册!"
}
},
errorPlacement : function(error, element) {
if (element.is(":input")||element.is(":select")) {
// 得到当前标签下一标签是为label
var placement = $(element.next("label"));
placement.empty();
placement.css("color", "#FF0000");
error.prependTo(placement);
}
}
});
分享到:
相关推荐
本文将深入探讨如何使用`jQuery validator addMethod`来根据不同的情况显示不同的错误信息。 `jQuery validator addMethod`是jQuery Validation Plugin中的一个关键功能,允许开发者自定义验证方法。当你发现内置的...
$.validator.addMethod("customMethod", function(value, element) { // 验证逻辑 }, "自定义错误消息"); ``` 2. **分组验证**:通过`groups`选项,可以一次性验证多个关联的字段: ```javascript $("#...
$.validator.addMethod("email", function(value, element) { return this.optional(element) || /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/i.test(value); }, "请输入有效的电子邮件地址"); ``` ### 4....
$.validator.addMethod("passwordStrength", function(value) { // 检查密码强度的逻辑 }, "密码强度不足"); ``` 然后将新规则应用到表单元素: ```javascript $("#password").rules("add", { passwordStrength: ...
`$.validator.addMethod` 是 `jQuery Validate` 提供的扩展验证方法的关键函数。它接受三个参数: 1. `noSpaces`: 自定义方法的名称,方便在 HTML 中引用。 2. 一个函数,接收三个参数: - `value`: 被验证的元素...
在jQuery Validator中,可以通过jQuery.validator.addMethod方法来添加自定义验证规则。在这个方法中,我们需要传入三个参数:验证规则的名称(在这个例子中是endDate)、一个验证函数和一条错误信息。验证函数需要...
在这个例子中,我们使用`$.validator.addMethod`添加了一个名为`customPhoneNumber`的方法,它检查电话号码是否为11位的纯数字。然后,在`rules`中应用这个自定义方法。 同样,如果我们需要验证两个字段的值是否...
$.validator.addMethod("customRule", function(value, element) { // 自定义验证逻辑 }, "自定义错误消息"); ``` 4. **服务器控件的衔接** 在ASP.NET环境中,jQuery验证控件可以很好地与服务器控件结合。通过...
为了将所有的错误信息集中在一个容器中展示,可以通过`jQuery.validator.setDefault()`方法设置`errorContainer`、`errorLabelContainer`和`wrapper`属性: ```javascript $.validator.setDefaults({ ...
本文将详细讲解jQuery Validate的使用方法,并通过实例解析其核心功能。 一、jQuery Validate介绍 jQuery Validate是基于jQuery库的一个插件,它提供了易于使用的API,用于在表单提交前进行客户端验证。这个插件...
jQuery的Validator插件是用于...以上就是jQuery表单校验插件Validator的基本使用方法和相关知识点。通过灵活运用Validator,开发者可以创建功能丰富的、用户友好的表单验证机制,提高用户体验并减少服务器端的压力。
上述代码中,`jQuery.validator.addMethod`的第一个参数是方法名,第二个参数是验证逻辑函数,第三个参数是不通过时的错误提示信息。官网的additional-methods.js中也包含了一些常用的验证方式,比如lettersonly(只...
$.validator.addMethod("customRule", function(value, element) { return value === "expectedValue"; }, "这是自定义错误提示信息"); ``` 其中,`value`是元素的值,`element`是元素本身,函数返回`true`表示...
- **自定义验证方法**:通过`$.validator.addMethod()`扩展新的验证规则。 - **插件整合**:与Bootstrap、Foundation等前端框架结合,实现更加美观的验证反馈。 - **多语言支持**:利用内置的多语言支持,轻松切换...
这里使用`addMethod`函数向`jQuery.validator`添加了一个名为`idCardNo`的新方法,该方法接受两个参数:`value`(待验证的值)和`element`(待验证的DOM元素)。 #### 内部验证逻辑 内部验证逻辑主要分为以下几个...
jQuery.validator.addMethod("isIdCardNo", function(value, element) { return this.optional(element) || idCardNoUtil.checkIdCardNo(value); }, "请正确输入您的身份证号码"); //护照编号验证 jQuery....
接下来,我们将深入探讨jQuery Validate的使用方法、核心概念以及如何结合其他脚本文件实现自定义验证。 首先,`jquery.js`是jQuery的核心库,它是jQuery Validate的基础,没有它,我们无法使用jQuery Validate。...
$.validator.addMethod("emailFormat", function(value, element) { return /^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/.test(value); }, "请输入正确的邮箱地址"); ``` 然后在规则中使用这个自定义规则...
jQuery提供了多种方法进行表单验证,如`$.validator.addMethod()`,它允许开发者自定义验证规则。例如,我们可以创建一个验证邮箱地址的函数: ```javascript $.validator.addMethod("email", function(value, ...