jquery-validate校验

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery-validate校验相关的知识,希望对你有一定的参考价值。

校验js

     $(‘#frm‘).validate({
                focusInvalid: false,
                onfocusout: function (element) {
                    var obj = $(element), type = element.type;
                    if (type === ‘text‘ || type === ‘textarea‘) {
                        obj.val($.trim(obj.val())).valid();
                    } else {
                        obj.valid();
                    }
                },
                rules: {
                    Password: {
                        required: true
                    },
                    newPassword: {
                        required: true,
                        same: true
                    },
                    PasswordConfirm: {
                        required: true,
                        equalTo: ‘#newPassword‘
                    }
                },
                messages: {
                    Password: {
                        required: ‘请填写旧密码‘
                    },
                    newPassword: {
                        required: ‘请填写新密码‘,
                        same: ‘旧密码不能同新密码相同‘
                    },
                    PasswordConfirm: {
                        required: ‘请填写确认密码‘,
                        equalTo: ‘两次密码要相同‘
                    }
                },
                submitHandler: function (form) {
                    var data = $(form).formSerialize();
                    delete data[‘PasswordConfirm‘];
                    data[‘Password‘] = md5(data[‘Password‘]);
                    data[‘Token‘] = common.getParameter(‘token‘);
                }
            });

 

自定义校验属性 用法相同

 jQuery.validator.addMethod("same", function (value, element) {
            return this.optional(element) || same(value);
        }, "新密码不能与老密码重复");


        function same(pwd) {
            var oldPwd = $("#password").val();
            if (oldPwd == pwd)
                return false;
            else
                return true;
        }  

 

以上是关于jquery-validate校验的主要内容,如果未能解决你的问题,请参考以下文章

jquery-validator 的使用方法

jQuery-validate插件初级篇

使用jquery.validate.js实现boostrap3的校验和验证

Jquery validate校验如何根据校验结果的不同情况改变错误信息出现的位置

怎么用jquery.validate.js 进行 remote 后台验证

jquery-validation JQ 表单验证