jQuery插件validate(表单验证)的使用 (杂) 20140216

我列出了代码,可以套,并附有说明


jQuery.validator.addMethod("user", function(value, element) {  
        var tel = /^[a-zA-Z][\w]{4,16}$/;
        return this.optional(element) || (tel.test(value));
    }, "以字母开头,5-17 字母、数字、下划线‘_‘");
    $(‘form[name=register]‘).validate({
        errorElement : ‘span‘,
        success : function (label) {
            label.addClass(‘success‘);
        },
        //rules为规则
        rules : {
            account : {
                required : true,
                user : true,
                remote : {
                    url : checkAccount,
                    type : ‘post‘,
                    dataType : ‘json‘,
                    data : {
                        account : function () {
                            return $(‘#account‘).val();
                        }
                    }
                }
            },
            pwd : {
                required : true,
                user : true
            },
            pwded : {
                required : true,
                equalTo : "#pwd"
            },
            uname : {
                required : true,
                rangelength : [2,10],
                remote : {
                    url : checkUname,
                    type : ‘post‘,
                    dataType : ‘json‘,
                    data : {
                        uname : function () {
                            return $(‘#uname‘).val();
                        }
                    }
                }
            },
            verify : {
                required : true,
                remote : {
                    url : checkVerify,
                    type : ‘post‘,
                    dataType : ‘json‘,
                    data : {
                        verify : function () {
                            return $(‘#verify‘).val();
                        }
                    }
                }
            }
        },
        //messages为错误提示信心
        messages : {
            account : {
                required : ‘账号不能为空‘,
                remote : ‘账号已存在‘
            },
            pwd : {
                required : ‘密码不能为空‘
            },
            pwded : {
                required : ‘请确认密码‘,
                equalTo : ‘两次密码不一致‘
            },
            uname : {
                required : ‘请填写您的昵称‘,
                rangelength : ‘昵称在2-10个字之间‘,
                remote : ‘昵称已存在‘
            },
            verify : {
                required : ‘ ‘,
                remote : ‘ ‘
            }
        }
    });


   注意:每个数据中的标签标识(如:account)为标签id。

   规则:

   required-->是否为空

   rangelength-->字符串范围

   remote--异步传输

   equalTo-->与哪一个标签值相同

   user-->这个是自定义的方法,不明白的可以产看代码


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。