jquery.validate的ajax方式验证[可以一个控件下一次传递多个参数,已经成功通过验证]

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

文章来源:http://www.cnblogs.com/laihuayan/p/3916050.html

<script type="text/javascript">
    $(function () {
        $("#form1").validate({
            rules: {
                pwd: {
                    required: true,
                    remote: {<span style="color:#ff0000;">//validate的ajax验证标记是"remote:"</span>
                        url: "@Url.Action("ValidatePwd", "UserInfo")",//此处不必写的这么高级,可以写成正常的url
                        type: "post",
                        dataType: "json",
                        data:{
                            pwd: function () {
                                return $("#pwd").val();    //这个是取要验证的密码
                            }<span style="color:#cc0000;">//当有多个前台数据需要验证的时候,用逗号","隔开</span>
                        },
                        dataFilter: function (data) {    <span style="color:#ff0000;">//判断控制器返回的内容</span>
                            if (data == "true") {
                                return true;
                            }
                            else {
                                return false;
                            }
                        }
                    }</span>
                },
                password: {
                    required: true,
                    rangelength: [6, 16]
                },
                confirm_password: {
                    required: true,
                    rangelength: [6, 16],
                    equalTo: "#password"
                }
            },
            messages: {
                pwd: {
                    required: "请填写原始密码!",
                    remote: "原始密码不正确,请重新填写!"   <span style="color:#cc0000;"> //这个地方如果不写的话,是自带的提示内容,加上就是这个内容。</span>
                },
                password: {
                    required: "请填写新密码",
                    minlength: jQuery.format("登录名长度在6-12位之间!")
                },
                confirm_password: {
                    required: "请填写确认密码!",
                    minlength: "密码需由6-16个字符(数字、字母、下划线)组成!",
                    equalTo: "两次输入密码不一致!"
                }
            },
            onfocus: true,    
            onkeyup: false,    //这个地方要注意,修改去控制器验证的事件。
            onsubmit: false
        });


===============================================================================================================================
可供参考文档:http://zhidao.baidu.com/link?url=0BxF0QvTywzuRkLUFj6ulUQKYqp97CjUOZBV1UUmXoCkS9HNyOT2axHkcOsRLi-x22u1ZFIdmITB-lzKWZVehq









你可能感兴趣的:(jquery.validate的ajax方式验证[可以一个控件下一次传递多个参数,已经成功通过验证])