팝업 창에서 MVC 유효성 검사가 예상대로 작동하지 않습니다.

Question

MVC에서 기본 제공 유효성 검사를 사용하려고하는데 작동하지 않는 것 같습니다. 내 양식의 필드를 비워두면 "Successfully Saved"라는 메시지가 나타납니다. 메시지.

양식에 '필수'로 표시된 필드를 필수로 표시해서는 안됩니까?

컨트롤러 :

public ActionResult Create([DataSourceRequest] DataSourceRequest request, ACore.Asset assetForm) 
    { 
     var results = new 
     { 
      value = false, 
      Message = "" 
     }; 

     if (ModelState.IsValid) 
     { 
      results = new 
      { 
       value = true, 
       Message = "Successfully Saved." 
      }; 

      return Json(results); 
     } 

     results = new 
     { 
      value = false, 
      Message = "Please check the form values." 
     }; 

     return Json(results); 
    } 

보기 (응축) :

@using (Html.BeginForm("Create", "Asset", FormMethod.Post, new { id = "frmAsset"})) 
{ 
    @Html.AntiForgeryToken() 
    @Html.ValidationSummary(true) 

    <div class="tempStyle"> 
     <div class="editor-label fl"> 
      @Html.LabelFor(model => model.AssetName) 
     </div> 
     <div class="editor-field"> 
      @Html.EditorFor(model => model.AssetName) 
      @Html.ValidationMessageFor(model => model.AssetName) 
     </div> 
    </div> 
    <div style="position: relative;"> 
     <input type="button" value="Save" id="btnSave" /> 
    </div> 

자바 스크립트 처리 내 저장 :

var saveAsset = function (e) { 
     var form = $("#frmAsset"); 
     $.ajax({ 
      type: "POST", 
      url: "/Asset/Create", 
      data: $(form).serialize(), 
      success: function (data) { 
       if (data.value == true) { 
        alert(data.Message); 

        // Close popup window 
        var window = $('#AssetEditorPopUp').data("kendoWindow"); 
        window.close(); 

        // Refresh grid to show changes 
        $('#grid').data("kendoGrid").dataSource.read(); 

        return; 
       } 

       alert(data.Message); 

      }, 

      error: function() { 
       alert("There was an error editing the asset."); 
      } 
     }); 
    }; 

모델 :

public class Asset 
{ 
    [ScaffoldColumn(false)] 
    public int AssetId { get; set; } 

    [Required] 
    [Display(Name="Asset Name:")] 
    public string AssetName { get; set; } 

    public string AssetFormerName { get; set; } 
    public string Seg1Code { get; set; } 
    public string Seg3Code { get; set; } 
    public bool? ActiveFlag { get; set; } 
    public string Address1 { get; set; } 
    public string Address2 { get; set; } 
    public string City { get; set; } 
    public string State { get; set; } 
    public string AssetType { get; set; } 

    [Display(Name = "ZipCode:")] 
    [RegularExpression("([a-zA-Z0-9 .&'-]+)", ErrorMessage = "Enter only alphabets and numbers of First Name")] 
    public string ZipCode { get; set; } 
} 

이것은 내가 아약스 대신 POST를 수행하는 것입니다.

Answer 1

당신의 버튼 입력 버튼으로 설정, 그것은 제출해야한다. 양식 제출 핸들러가 실행되지 않으므로 유효성 검증이 수행되지 않습니다.

이 같은 양식 작성 :

@using (Html.BeginForm("Create", "Asset", FormMethod.Post, new { id = "frmAsset"})) 
{ 
    @Html.AntiForgeryToken() 
    @Html.ValidationSummary(true) 

<div class="tempStyle"> 
    <div class="editor-label fl"> 
     @Html.LabelFor(model => model.AssetName) 
    </div> 
    <div class="editor-field"> 
     @Html.EditorFor(model => model.AssetName) 
     @Html.ValidationMessageFor(model => model.AssetName) 
    </div> 
</div> 
<div style="position: relative;"> 
    <input type="submit" value="Save" id="btnSave" /> 
</div> 

그런 다음 다음과 같은 자바 스크립트를 사용할 수 있습니다 :

$(function(){ 
    $("#frmAsset").submit(function(evt){ 
     var form = $(evt.currentTarget); 

     if(form.validate().isvalid() 
     { 
      // your handler here 
     } 
     evt.preventDefault(); // prevent the form from posting normally 
     return false; 
    }; 
}; 

나는 당신이 무엇에 더 적합의 AJAX.BeginForm 도우미에서 볼 것 여기에서.

nb. 나는이 IDE에 입력하지 않은, 그래서 100 % 유효한지 모르겠다, 당신은 그것을 테스트해야합니다.