数据注释使用mvc中客户端的jquery验证进行验证

时间:2013-07-17 04:30:24

标签: jquery validation asp.net-mvc-4 data-annotations

我在模型中使用过Datannoation验证

[RegularExpression(@"^([a-zA-Z][\w.]+|[0-9][0-9_.]*[a-zA-Z]+[\w.]*)$", ErrorMessage = "Invalid username")]
        [Required(ErrorMessage = "User name is required")]
        [StringLength(100, ErrorMessage = "The {0} must be at least {2} characters long.", MinimumLength = 6)]
        [Display(Name = "User Name")]
        public string UserName { get; set; }

在视图中

   <p>
 @Html.TextBoxFor(m => m.UserName, new {@id="UserNamereg", @Class = "span5", @placeholder  = "UserName",onchange = "CheckRegUserAvailibility(this,'/Account/CheckUserName');"})
    </p>

另外,我想检查用户名是否已经在数据库中退出,我使用的是jquery。

function CheckAvailibility(thisElm, targeturl, avilibilityfieldname) {
    var stridvalue = $(thisElm).val();
    var strid = $(thisElm).attr("id");
    var data = $("#" + strid).serialize();
    var errorMsg = "The " + avilibilityfieldname.toLowerCase() + " '" + stridvalue + "' is not available. Try another " + avilibilityfieldname.toLowerCase() + "."
    if (stridvalue != "") {
        $.post(targeturl, data, function (responseResult) {
            if (responseResult == "false") {

                $("#" + strid).removeClass("input-validation-valid").addClass("input-validation-error");
                $("#" + strid).siblings("span").removeClass("field-validation-valid").addClass("field-validation-error");
                $("#" + strid).siblings("span").empty().html(errorMsg);

                $("#" + strid).val("");
            } else if (responseResult == "true") {

                $("#" + strid).removeClass("input-validation-error").addClass("input-validation-valid");
                $("#" + strid).siblings("span").removeClass("field-validation-error").addClass("field-validation-valid");
            }

        });

    }
}

问题是只有jquery验证在客户端工作,因为我正在使用“onchnge”事件。有没有办法让两个验证都正常工作?感谢求助

1 个答案:

答案 0 :(得分:0)

最后,我想出了一些编码行。 我在jquery中删除了这行代码。

  $("#" + strid).siblings("span").removeClass("field-validation-error").addClass("field-validation-valid");

在此之后,模型中的jquery验证和Datannoation验证都工作完成。