jquery - mvc のクライアント側での jquery 検証によるデータ注釈の検証

Question

このようなモデルで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");
            }

        });

    }
}

問題は、「onchnge」イベントを使用しているため、jquery 検証のみがクライアント側で機能することです。両方の検証を正しく機能させる方法はありますか?助けてくれてありがとう