关闭

jquery 插件 validate 的常用方法

155人阅读 评论(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));  
}, "请正确填写您的邮政编码"); 
0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:34393次
    • 积分:942
    • 等级:
    • 排名:千里之外
    • 原创:59篇
    • 转载:4篇
    • 译文:0篇
    • 评论:12条
    最新评论