jquery 插件 validate 的常用方法

最新推荐文章于 2024-01-26 10:05:23 发布

csdn_wwp

最新推荐文章于 2024-01-26 10:05:23 发布

阅读量420

点赞数

分类专栏： jquery-插件

本文链接：https://blog.csdn.net/wwp231/article/details/51540302

版权

jquery-插件专栏收录该内容

2 篇文章 0 订阅

订阅专栏

jquery 插件 validate 的常用方法

在表单验证时，使用jquery的插件 validate 可以提高验证速度，
1，常用的验证规则有：

required: "必选字段",
        remote: "请修正该字段",
        email: "请输入正确格式的电子邮件",
        url: "请输入合法的网址",
        date: "请输入合法的日期",
        dateISO: "请输入合法的日期 (ISO).",
        number: "请输入合法的数字",
        digits: "只能输入整数",
        creditcard: "请输入合法的信用卡号",
        equalTo: "请再次输入相同的值",
        accept: "请输入拥有合法后缀名的字符串",
        maxlength: jQuery.format("请输入一个长度最多是 {0} 的字符串"),
        minlength: jQuery.format("请输入一个长度最少是 {0} 的字符串"),
        rangelength: jQuery.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),
        range: jQuery.format("请输入一个介于 {0} 和 {1} 之间的值"),
        max: jQuery.format("请输入一个最大为 {0} 的值"),
        min: jQuery.format("请输入一个最小为 {0} 的值")

2，如果需要将错误信息改为中文，可以使用jquery.validate.messages_cn.js插件;

3，如果需要更改错误信息的位置，可以在$(“#form”).validate({ * * * }); 中添加errorPlacement 属性，具体方法如下：

$("#updatePasswordForm").validate({
        errorPlacement : function(error, element) { // 设置错误元素位置
            error.appendTo(element.parent().next());
        },
        rules : {
            oldPassword : {
                required : true,
                rangelength : [ 6, 10 ]
            },
            newPassword : {
                required : true,
                rangelength : [ 6, 10 ]
            },
            confirmNewPassword : {
                equalTo : "#newPassword"
            }
        }
    });

其中， error 表示的是错误信息， element 表示的是当前的表单元素；

4，也可以使用自定义的 validate 规则，下面是拷贝别人的代码：

// JavaScript Document  

//检测手机号是否正确  
jQuery.validator.addMethod("<strong>isMobile</strong>", function(value, element) {  
    var length = value.length;  
    var regPhone = /^1([3578]\d|4[57])\d{8}$/;  
    return this.optional(element) || ( length == 11 && regPhone.test( value ) );    
}, "请正确填写您的手机号码");   

//检测用户姓名是否为汉字  
jQuery.validator.addMethod("<span style="color:#FF0000;"><strong>isChar</strong></span>", function(value, element) {  
    var length = value.length;  
    var regName = /[^\u4e00-\u9fa5]/g;  
    return this.optional(element) || !regName.test( value );    
}, "请正确格式的姓名(暂支持汉字)");  

//檢測邮政编码  
jQuery.validator.addMethod("<strong>isZipCode</strong>", function(value, element) {    
    var tel = /^[0-9]{6}$/;  
    return this.optional(element) || (tel.test(value));  
}, "请正确填写您的邮政编码");