MVC 4 클라이언트 측 유효성 검사가 대화 상자에 표시됩니다.

Question

MVC4를 사용 중입니다.

[Required()] 유효성 확인 속성으로 장식 된 ViewModel이 있습니다.

양식이 제출되면 클라이언트 유효성 검사가 실행되고 인라인 (유효성 검사 요약 사용)으로 표시되므로 모든 것이 제대로 작동합니다.

유효성 검사를 인라인 대신 대화 상자에 표시하려면 어떻게합니까? 여기

내가이 텍스트 상자에 데이터없이 제출 '버튼을 클릭하면

public class RegisterModel 
    { 
     [Required] 
     [Display(Name = "User name")] 
     public string UserName { get; set; } 

     [Required] 
     [StringLength(100, ErrorMessage = "The {0} must be at least {2} characters long.", MinimumLength = 6)] 
     [DataType(DataType.Password)] 
     [Display(Name = "Password")] 
     public string Password { get; set; } 

     [DataType(DataType.Password)] 
     [Display(Name = "Confirm password")] 
     [Compare("Password", ErrorMessage = "The password and confirmation password do not match.")] 
     public string ConfirmPassword { get; set; } 
    } 


@model MvcApplication2.Models.RegisterModel 
@{ 
    ViewBag.Title = "Register"; 
} 

<hgroup class="title"> 
    <h1>@ViewBag.Title.</h1> 
    <h2>Create a new account.</h2> 
</hgroup> 

@using (Html.BeginForm()) { 
    @Html.AntiForgeryToken() 
    @Html.ValidationSummary() 

    <fieldset> 
     <legend>Registration Form</legend> 
     <ol> 
      <li> 
       @Html.LabelFor(m => m.UserName) 
       @Html.TextBoxFor(m => m.UserName) 
      </li> 
      <li> 
       @Html.LabelFor(m => m.Password) 
       @Html.PasswordFor(m => m.Password) 
      </li> 
      <li> 
       @Html.LabelFor(m => m.ConfirmPassword) 
       @Html.PasswordFor(m => m.ConfirmPassword) 
      </li> 
     </ol> 
     <input type="submit" value="Register" /> 
    </fieldset> 
} 

@section Scripts { 
    @Scripts.Render("~/bundles/jqueryval") 
} 

그래서 MVC 4 인터넷 응용 프로그램 템플릿에서 샘플 코드, 오류 메시지가 유효성 검사 요약 상단에 표시됩니다.

현재 Kendo UI 대화 상자를 사용하여 서버에서 반환 한 모든 오류를 표시하고 있습니다. 그래서 내가하려고하는 것은 오류 메시지를 통합하여 모두 비슷한 방식으로 표시되도록하는 것입니다.

감사

Answer 1

난 다음, JQuery와 유효성 검사

$(function() { 
    $("form").bind("invalid-form", function (e, validator) { 
     //your logic 
    }); 
}); 

검도 UI에서 단에

큰 감사

이었다 필요한 모든

Answer 2

대신 가지고 ..

현재 난 그냥 클라이언트 측 유효성 검사에 후크하는 방법을 알고 싶어요, 그래서 나는 오류 세부 검도 UI 대화 상자를 호출 할 수있는 모든 @Html.ValidationMessageFor(... 제출 유효하지 않은 대화 표시 대화 상자와 numberOfInvalids()을 사용하면 오류 및 해당 메시지를 검색하여 대화 상자에 표시 할 수 있습니다.