jquery.validate ajax方式驗證

在作網站的時候有一塊須要用到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
        });javascript

相關文章
相關標籤/搜索