jquery.validate 的ajax验证(转)

Posted 2020-07-06 夏末、初秋

在做网站的时候有一块需要用到jquery.validate插件 ajax方式的方式来验证原始密码是否正确，研究了研究加上博客园朋友的帮助，终于实现了。贴出代码

<script type="text/javascript">
    $(function () {
        $("#form1").validate({
            rules: {
                pwd: {
                    required: true,
                    remote: {
                        url: "@Url.Action("ValidatePwd", "UserInfo")",
                        type: "post",
                        dataType: "json",
                        data: {
                            pwd: function () {
                                return $("#pwd").val();　　　　//这个是取要验证的密码
                            }
                        },
                        dataFilter: function (data) {　　　　//判断控制器返回的内容
                            if (data == "true") {
                                return true;
                            }
                            else {
                                return false;
                            }
                        }
                    }
                },
                password: {
                    required: true,
                    rangelength: [6, 16]
                },
                confirm_password: {
                    required: true,
                    rangelength: [6, 16],
                    equalTo: "#password"
                }
            },
            messages: {
                pwd: {
                    required: "请填写原始密码！",
                    remote: "原始密码不正确,请重新填写！"　　　　//这个地方如果不写的话，是自带的提示内容，加上就是这个内容。
                },
                password: {
                    required: "请填写新密码",
                    minlength: jQuery.format("登录名长度在6-12位之间！")
                },
                confirm_password: {
                    required: "请填写确认密码！",
                    minlength: "密码需由6-16个字符（数字、字母、下划线）组成！",
                    equalTo: "两次输入密码不一致！"
                }
            },
            onfocus: true,　　　　
            onkeyup: false,　　　　//这个地方要注意，修改去控制器验证的事件。
            onsubmit: false
        });