`

jquery validator addMethod 方法的使用

阅读更多

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 validator addMethod`是jQuery Validation Plugin中的一个关键功能,允许开发者自定义验证方法。当你发现内置的...

    jquery验证插件Validator

    $.validator.addMethod("customMethod", function(value, element) { // 验证逻辑 }, "自定义错误消息"); ``` 2. **分组验证**:通过`groups`选项,可以一次性验证多个关联的字段: ```javascript $("#...

    jquery validator

    $.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....

    jquery validator api

    $.validator.addMethod("passwordStrength", function(value) { // 检查密码强度的逻辑 }, "密码强度不足"); ``` 然后将新规则应用到表单元素: ```javascript $("#password").rules("add", { passwordStrength: ...

    Jquery-validate扩展方法(验证空格)

    `$.validator.addMethod` 是 `jQuery Validate` 提供的扩展验证方法的关键函数。它接受三个参数: 1. `noSpaces`: 自定义方法的名称,方便在 HTML 中引用。 2. 一个函数,接收三个参数: - `value`: 被验证的元素...

    jquery validator 插件增加日期比较方法

    在jQuery Validator中,可以通过jQuery.validator.addMethod方法来添加自定义验证规则。在这个方法中,我们需要传入三个参数:验证规则的名称(在这个例子中是endDate)、一个验证函数和一条错误信息。验证函数需要...

    jquery的validate方法运用

    在这个例子中,我们使用`$.validator.addMethod`添加了一个名为`customPhoneNumber`的方法,它检查电话号码是否为11位的纯数字。然后,在`rules`中应用这个自定义方法。 同样,如果我们需要验证两个字段的值是否...

    jquery验证控件及实例

    $.validator.addMethod("customRule", function(value, element) { // 自定义验证逻辑 }, "自定义错误消息"); ``` 4. **服务器控件的衔接** 在ASP.NET环境中,jQuery验证控件可以很好地与服务器控件结合。通过...

    jquery-validation 支持 自定义错误样式

    为了将所有的错误信息集中在一个容器中展示,可以通过`jQuery.validator.setDefault()`方法设置`errorContainer`、`errorLabelContainer`和`wrapper`属性: ```javascript $.validator.setDefaults({ ...

    jquery-validate验证框架使用详解及JS文件

    本文将详细讲解jQuery Validate的使用方法,并通过实例解析其核心功能。 一、jQuery Validate介绍 jQuery Validate是基于jQuery库的一个插件,它提供了易于使用的API,用于在表单提交前进行客户端验证。这个插件...

    jQuery表单校验插件validator使用方法详解

    jQuery的Validator插件是用于...以上就是jQuery表单校验插件Validator的基本使用方法和相关知识点。通过灵活运用Validator,开发者可以创建功能丰富的、用户友好的表单验证机制,提高用户体验并减少服务器端的压力。

    jquery.validate表单验证插件使用方法解析

    上述代码中,`jQuery.validator.addMethod`的第一个参数是方法名,第二个参数是验证逻辑函数,第三个参数是不通过时的错误提示信息。官网的additional-methods.js中也包含了一些常用的验证方式,比如lettersonly(只...

    jquery验证框架,好用实用。。。

    $.validator.addMethod("customRule", function(value, element) { return value === "expectedValue"; }, "这是自定义错误提示信息"); ``` 其中,`value`是元素的值,`element`是元素本身,函数返回`true`表示...

    Jquery FormValiDator 3.3

    - **自定义验证方法**:通过`$.validator.addMethod()`扩展新的验证规则。 - **插件整合**:与Bootstrap、Foundation等前端框架结合,实现更加美观的验证反馈。 - **多语言支持**:利用内置的多语言支持,轻松切换...

    jquery.validate 扩展身份证校验方法

    这里使用`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 Validate的使用方法、核心概念以及如何结合其他脚本文件实现自定义验证。 首先,`jquery.js`是jQuery的核心库,它是jQuery Validate的基础,没有它,我们无法使用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常用正在表达式验证

    jQuery提供了多种方法进行表单验证,如`$.validator.addMethod()`,它允许开发者自定义验证规则。例如,我们可以创建一个验证邮箱地址的函数: ```javascript $.validator.addMethod("email", function(value, ...

Global site tag (gtag.js) - Google Analytics