jq 结合 插件 以remote方式验证 mvc

注意：remote你需要的参数名，如这里的email不能写到data哪里。这是js插件的bug

<script type="text/javascript">
    $(function() {
        $.validator.addMethod("checkName", function(value, element) {
            value = $.trim(value);
            $(element).val(value);
            var reg = /^([\u4e00-\u9fa5]){2,10}$/;
            return this.optional(element) || reg.test(value);
        }, "由汉字2-10字符之间");

 

        $.validator.addMethod("checkPhoneMobile", function(value, element) {
            var mobile = $("[name='mobile']");
            var phone = $("[name='phone']");
            return $.trim(mobile.val()).length > 0 || $.trim(phone.val()).length > 0
        }, "手机和电话至少填一个");

        $.validator.addMethod("imcheck", function(value, element) {
            return this.optional(element) || checkqq(value);
        }, "QQ格式不正确 ");

        $.validator.addMethod("phonecheck", function(value, element) {
            return this.optional(element) || checkPhone(value);
        }, "联系电话格式不正确");

        $.validator.addMethod("mobilecheck", function(value, element) {
            return this.optional(element) || checkMobile(value);
        }, "手机号码格式不正确");

        $.validator.addMethod("postCodecheck", function(value, element) {
            return this.optional(element) || /^\d{5,12}$/.test(value);
        }, "邮政编码格式不正确");

        $('#postMessageForm').validate({
            rules: {
                realName: { checkName: true },
                phone: { phonecheck: true, required: function(ele) { return $.trim($("[name='mobile']").val()).length == 0; } },
                mobile: { mobilecheck: true, required: function(ele) { return $.trim($("[name='phone']").val()).length == 0; } },
                qq: { imcheck: true },
                email: { required: true, email: true, remote: {
                    type: "POST",
                    url: '/CheckOnlyEmail.html',
                    dataType: "json",
                    data: { __RequestVerificationToken: $("[name='__RequestVerificationToken']").val() }
                }
                }
            },
            messages: {
                email: { email: "联系邮箱格式不正确", required: "请联系邮箱", remote: "邮箱已经存在，您可以先<a style='color:#3366CC;' href='http://my.aqioo.com/SignIn.aspx?ReturnUrl=" + encodeURI('http://Pay.aqioo.com/QinSuanConfirm.html') + "'>登录</a>" },
                mobile: { required: "手机和电话至少填一个" },
                phone: { required: "手机和电话至少填一个" }
            },
            errorClass: "error",
            validClass: "valid",

            success: function(label) {
                label.addClass("valid").text("通过");
            },

            errorPlacement: function(error, element) {
                var li = $(element.parent("li"));
                li.find("span.black").hide();
                error.appendTo(li);
                if (li.attr("id") == "phonelis") {
                    li = $("#placed");
                    var reg = /(<span[^>]*class=(?:\"error\"|'error')[^<>]*>手机和电话至少填一个<\/span>)+/ig;
                    li.html(li.html().replace(reg, "$1"));
                }
                else
                    error.appendTo(li);
            },
            errorElement: "span",
            onkeyup: false
        });

        $("#email").blur(function() { $("#postMessageForm").validate().element("#email"); }).attr("keyup", null);
        $("#tijiao").click(function() {
            var form1 = $('#postMessageForm');
            if (form1.valid()) {
                this.disabled = true;
                form1[0].submit();
            }
        });
        $("#tijiao").attr("disabled", false);
    });
</script>

后台

      #region 验证邮箱是否唯一
        [HttpPost]
        public JsonResult CheckEmail(string userEmail,string email)
        {
            userEmail = userEmail.SqlFilter();
            if (string.IsNullOrEmpty(userEmail)) userEmail = email;
            userEmail = userEmail.SqlFilter();
            if (!string.IsNullOrEmpty(userEmail))
            {
                bool result = userService.CheckEmail(userEmail);
                return Json(!result);
            }
            return Json(false);
        }
        #endregion

 

//验证

   return this.optional(element) 起到dependance的作用

<script type="text/javascript" >
            //QQ号的验证
            function checkqq(s) {
                var reg = /^[1-9]\d{4,11}$/;
                return reg.test(s);
            }

 

            //验证号码 可以有空格或者-
            function checkPhone(phone) {
                var reg = /^(([0-9]{3}[-| ]?[0-9]{8})|([0-9]{4}[-| +]?[0-9]{7,8}))$/
                return reg.test(phone);
            }

            //  验证号码
            function checkMobile(s) {
                var reg0 = /^13\d{5,9}$/;
                var reg1 = /^153\d{4,8}$/;
                var reg2 = /^159\d{4,8}$/;
                var reg3 = /^0\d{10,11}$/;
                var my = false;
                if (reg0.test(s)) my = true;
                if (reg1.test(s)) my = true;
                if (reg2.test(s)) my = true;
                if (reg3.test(s)) my = true;
                return my;
            }

            $(function() {
                $.validator.addMethod("checkName", function(value, element) {
                    value = $.trim(value);
                    $(element).val(value);
                    var reg = /^([\u4e00-\u9fa5]){2,10}$/;
                    return this.optional(element) || reg.test(value);
                }, "由汉字2-10字符之间");

                $.validator.addMethod("imcheck", function(value, element) {
                return this.optional(element) || checkqq(value);
                }, "QQ格式不正确 ");

                $.validator.addMethod("phonecheck", function(value, element) {
                return this.optional(element) || checkPhone(value);
                }, "联系电话格式不正确");

                $.validator.addMethod("mobilecheck", function(value, element) {
                return this.optional(element) || checkMobile(value);
                }, "手机号码格式不正确");

                $.validator.addMethod("postCodecheck", function(value, element) {
                return this.optional(element) || /^\d{5,12}$/.test(value);
                }, "邮政编码格式不正确");

                $.validator.addMethod("cRequired", $.validator.methods.required, "请填写此项");
                $.validator.addClassRules("required", { cRequired: true });

                $('#postMessageForm').validate({
                    rules: {
                        realName: { checkName: true },
                        phone: { phonecheck: true },
                        mobile: { mobilecheck: true },
                        qq: { imcheck: true },
                        email: { email: true, required: true },
                        shipRealname: { checkName: "#xxx:checked" },
                        ShipAddress: { required: "#xxx:checked" },
                        shipphone: { required: "#xxx:checked", mobilecheck: "#xxx:checked" },
                        ShippostCode: { required: "#xxx:checked", postCodecheck: "#xxx:checked" }
                    },
                    messages: {
                        email: { email: "联系邮箱格式不正确", required: "请联系邮箱" }
                    },
                    errorClass: "error",
                    validClass: "valid",

                    success: function(label) {
                        label.addClass("valid").text("通过");
                    },

                    errorPlacement: function(error, element) {
                        error.appendTo(element.parents("tr:first").find("td:last"));
                    }

                });

                $("#tiWen").click(function() {
                    if ($('#postMessageForm').valid()) {
                        this.disabled = true;
                    }
                });
            });
           
            function ShowShipInfo(o) {
                if (document.getElementById("xxx").checked) {
                    document.getElementById(o).style.display = "block";
                    document.getElementById("xxx").checked = true;
                }
                else {
                    document.getElementById(o).style.display = "none";
                    document.getElementById("xxx").checked = false;
                }
            }
            // 数字转地支
            function EarthToChi(earth_no) {
                if (earth_no == 1) {
                    return "子";
                } else if (earth_no == 2) {
                    return "丑";
                } else if (earth_no == 3) {
                    return "寅";
                } else if (earth_no == 4) {
                    return "卯";
                } else if (earth_no == 5) {
                    return "辰";
                } else if (earth_no == 6) {
                    return "巳";
                } else if (earth_no == 7) {
                    return "午";
                } else if (earth_no == 8) {
                    return "未";
                } else if (earth_no == 9) {
                    return "申";
                } else if (earth_no == 10) {
                    return "酉";
                } else if (earth_no == 11) {
                    return "戌";
                } else if (earth_no == 12) {
                    return "亥";
                }
            }
</script>