`

jquery validate验证方法

阅读更多
jQuery.validator.addMethod("stringCheck", function(value, element) {
        // return this.optional(element) || /^[0-9a-zA-Z_]{1,}$/.test(value);
        return this.optional(element) || /^[a-zA-Z]+[a-zA-Z0-9]+$/.test(value);
    }, "只能由英文字母或数字组成(不支持中文、不能以数字开头)");
    //  }, "只能包括英文字母、数字和下划线");
    jQuery.validator.addMethod("mobile", function (value, element, param) {       
        var pattern = /^\d+$/;
        return this.optional(element) || pattern.test(value);
    }, '只能输入数字');
    //表单验证
    $('#registerbox').validate({
        rules: {
            UserName: {
                required: true,
                stringCheck: true,
                minlength: "3",
                maxlength: "15",
               
                cache: false,
                remote: {
                    type: 'get',
                    url: "/Account/Validate",
                    dataType: 'json',
                    data: {
                        str: function () {
                            return $("#username").val();
                        }
                    }
                },
                onkeyup: false
            },
            Password: {
                required: true,
            },
            Pwd_s: {
                required: true,
                equalTo: "#pass"
            },
            Email: {
                required: true,
                email: true,
                cache: false,
                remote: {
                    type: 'get',
                    url: "/Account/Validate",
                    dataType: 'json',
                    data: {
                        str: function () {
                            return $("#userEmail").val();
                        }
                    }
                }
            },
            MemberType: {
                required: true,
            },
            Mobile: {
                required: true,               
                minlength: "11",
                maxlength: "11",              
                mobile: true,
                cache: false,
                number:true,
                remote: {
                    type: 'get',
                    url: "/Account/Validate",
                    dataType: 'json',
                    data: {
                        str: function () {
                            return $("#userPhone").val();
                        }
                    }
                }
            },
            rule: {
                required: true
            }
        },
        messages: {
            UserName: {
                required: "用户名不能为空",
                stringCheck: "只能由英文字母或数字组成(不支持中文、不能以数字开头)",
                minlength: "请输入3-15个字节(一个中文字算2个字节)",
                maxlength: "请输入3-15个字节(一个中文字算2个字节)",
               
                remote:"该用户名已被注册"
            },
            Password: {
                required: "密码不能为空",
            },
            Pwd_s: {
                required: "确认密码不能为空",
                equalTo: "两次密码不一样"
            },
            MemberType: {
                required: "选择用户类型",
            },
            Email: {
                required: "Email不能为空",
                email: "请输入正确的Email地址",
                remote: "该邮箱已被注册"
            },
            Mobile: {
                required: "手机不能为空",               
                minlength: "请输入11位手机号码",
                maxlength: "请输入11位手机号码",               
                mobile: "只能输入数字",
                remote: "该手机已被注册"
            },
            rule: "未接受条款"
        }
    });

 

分享到:
评论

相关推荐

    jquery validate 验证自定义样式

    在本文中,我们将深入探讨如何利用jQuery Validate来创建自定义验证样式。 首先,我们从标题"jquery validate 验证自定义样式"开始。jQuery Validate插件默认提供了一些基本的样式,但这些样式可能不能满足所有设计...

    jquery validate 验证手册

    《jQuery Validate验证手册》是针对JavaScript库jQuery的一个插件,主要功能是提供强大的表单验证功能,帮助开发者创建用户友好的、功能丰富的交互式表单。这个插件基于jQuery库,利用JavaScript的强大功能,简化了...

    jquery validate 表单验证

    例如,你可以创建新的验证方法,或者修改已有的验证消息。通过扩展`jQuery.validator.addMethod()`,你可以添加自定义验证规则,如: ```javascript $.validator.addMethod("customRule", function(value, element)...

    jquery validate验证示例

    在这个“jquery validate验证示例”压缩包中,很可能包含了 `jQuery Validate` 插件的核心文件以及一些示例代码,帮助开发者快速理解和使用这个插件。 首先,`jQuery Validate` 的核心功能包括: 1. **基本验证**...

    jquery.validate表单验证密码完整例子(带密码强度显示)

    2. **初始化验证**:使用`jQuery`选择器找到需要验证的表单元素,并调用`.validate()`方法,配置相应的验证规则。例如,对于密码字段,可能有`required`(必填)、`minlength`(最小长度)和自定义的正则表达式规则...

    JQueryValidate验证说明

    首先,使用`jQuery Validate`需要引入相关的文件,包括`jquery.validate.js`作为核心验证框架,`additional-methods.js`包含了一些额外的验证方法,`messages_cn.js`用于本地化消息,以及`jquery.validate.css`定义...

    jQuery validate框架的个性化验证

    当内置规则无法满足需求时,可以创建自定义验证方法。例如,检查密码是否包含数字和字母: ```javascript $.validator.addMethod('customPassword', function(value, element) { return this.optional(element) ...

    解决jquery validate remote 为什么只验证一次

    解决jquery validate remote 只验证一次的问题

    jQuery.validate验证

    jQuery.validate还支持许多插件,如additional-methods.js,它包含了更多验证方法,如`alpha`, `alnum`, `lettersonly`等。 7. **异步验证**: `remote`规则可以用来进行服务器端验证,通过AJAX请求向服务器发送...

    jquery validate 信息气泡提示

    在网页开发中,jQuery Validate 是一个非常常用的验证插件,用于对用户输入的数据进行校验,确保数据的有效性和完整性。这个插件可以帮助开发者创建复杂的表单验证规则,提高用户体验,减少服务器端的压力。结合 ...

    jquery validate表单验证插件制作注册表单提交验证

    在本文中,我们将深入探讨如何使用jQuery Validate插件来创建一个功能完备的注册表单,进行数据提交前的验证。jQuery Validate是一个强大的JavaScript库,它为HTML表单提供了灵活且易于使用的验证规则,确保用户输入...

    jQuery Validate插件验证表单小练

    jQuery Validate 插件是Web开发中广泛使用的工具,主要用于实现前端表单验证,它极大地简化了用户输入数据的检查过程,提供了丰富的验证规则和自定义方法。在这个“jQuery Validate插件验证表单小练”中,我们将深入...

    关于jquery validate plugin 指定需要验证对象解决方案

    《关于jQuery Validate Plugin指定需要验证对象的解决方案》 在Web开发中,表单验证是必不可少的一环,确保用户输入的数据符合预设的规则。jQuery Validate Plugin是一款强大的客户端表单验证插件,它使得这一过程...

    Jquery validate验证框架案例

    非常好的Jquery validate:每个案例独立,都有注释 讲解了: 环境搭建 常见验证方法配置 国际化错误消息 自定义方法和远程验证 给验证添加 图标效果

    jquery validate例子

    jQuery Validate还提供了自定义验证方法的功能,允许开发者根据项目需求创建自己的验证规则。例如,验证密码强度: ```javascript $.validator.addMethod("passwordStrength", function(value, element) { // 这里...

    jquery+validate.js+验证规则文件

    2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值。 3 email:true 必须输入正确格式的电子邮件。 4 url:true 必须输入正确格式的网址。 5 date:true 必须输入正确格式的日期。日期校验 ie6 出错,慎...

    jquery的validate方法运用

    本文将深入探讨`jquery validate`方法的运用,以及如何自定义验证方法。 `validate`方法是jQuery Validate插件的核心,它的主要功能是为HTML表单提供实时和提交时的验证。通过使用这个方法,我们可以轻松地添加各种...

    jQuery Validate表单验证插件

    2. **自定义验证规则**:开发者可以通过编写新的验证方法来扩展内置的验证规则。 3. **错误消息定制**:可以为每个验证规则设置特定的错误消息。 4. **显示错误**:可以控制错误消息如何显示,如在元素旁边显示或在...

    jQuery Validate 1.1.2

    6. **插件扩展**:jQuery Validate 插件具有良好的可扩展性,可以通过编写自定义方法来扩展验证规则。 在jQuery Validate 1.1.2版本中,可能包含以下更新: - **修复已知bug**:此版本可能会修复了前一版本中报告...

    jquery validate的漂亮css样式验证

    7. **异步验证**:对于需要服务器验证的情况,`jQuery Validate`提供了一个`.ajax()`方法,可以在提交表单前发送请求,根据响应决定是否允许提交。 8. **验证插件的使用**:在实际项目中,你可能需要结合其他插件,...

Global site tag (gtag.js) - Google Analytics