사용 안 함 "제출"버튼을 양식 유효성 검사

Question

후 나는이

@using (Html.BeginForm("action", "controller", FormMethod.Post, new { id = "_identity" })) 
{ 
// element here 

<input class="buttonblue" type="submit" value="Save" id="Submit1" /> 
} 

같은 형태로 그것은 Model에 의해 확인되고있다.

괜찮습니다. 그리고 지금은 유효성 검사 후 컨트롤러 동작에서이 요청에 도달했는지 탐지하려고합니다.

사실 컨트롤러에서 요청에 도달하면 submit button을 비활성화하고 싶습니다.

다음과 같이 시도해 보았습니다. 그러나 이것이 올바르지 않다고 생각합니다.

$('#_identity').submit(function() { 
    $("#Submit1").val("Saving..."); 
    $("#Submit1").attr('disabled', 'disabled'); 
}); 

이 요청은 컨트롤러에 도달하기 전에 유효성 검사를 받기 전에 호출됩니다.

폼이 유효성이 검사되고 요청이 컨트롤러에 도달하면 사용자가 제출 버튼을 다시 누르지 못하는 것이 간단합니다.

Answer 1

.

$('#_identity').submit(function() { 
      if ($(this).valid()) { 
       $(':submit', this).attr('disabled', 'disabled'); 
       $(':submit', this).val('Saving...'); 
      } 
     }); 

나는 Here

Answer 2

사용 Ajax.BeginForm이 방법 :

@using (Ajax.BeginForm("action", "controller", new AjaxOptions{ HttpMethod ="Post",OnBegin ="OnBegin",OnSuccess="OnSuccess",OnFailure="OnFailure"},new { id = "_identity" })) 
{ 
// element here 

<input class="buttonblue" type="submit" value="Save" id="Submit1" /> 
} 

및 JS :이 해결 한

<script type="text/javascript"> 

    function OnBegin() { 

     // disable submit button here 
    } 

    function OnSuccess() { 

     // enable submit button here 
    } 

    function OnFailure() { 

     // enable submit button in case of failure 
    } 

</script>