jQuery 유효성 검사 : 제출 단추에 이벤트 추가 ASP.NET MVC 5 응용 프로그램에서 클릭

Question

ASP.NET MVC 5 응용 프로그램을 만들고 있습니다. 애플리케이션은 이미 MVC 애플리케이션과 함께 제공되는 jQuery Validate 플러그인을 사용하고 있습니다. 현재 "submit"버튼을 클릭하면 jQuery Validate가 트리거되고 양식 유효성이 확인되면 제출됩니다.

제출 버튼 클릭에 몇 가지 이벤트를 추가해야하며 새 이벤트가 jQuery 유효성 검사 플러그인을 재정의하지 않아야합니다. 원래 나는 jQuery를 검증없이이 코드를 시도 :

$('#submitButton').click(function(){ 
    // JavaScript event 
// another JavaScript event 
}); 

을하지만이 코드를 테스트 할 때, 그것은 완전히 jQuery를 검증 플러그인을 오버라이드 내 프런트 엔드 검증이 모두 사라졌다. 어떻게 든이 코드에 jQuery Validate를 포함하면 플러그인과 새 제출 버튼 이벤트가 공존 할 수 있을지 궁금합니다.

나는 코드가 다음과 같이 보일 것입니다 상상 해요 :

$('#submitButton').click(function(){ 
    //Initialize jQuery Validate plug-in 
    // JavaScript event that happens if form is valid 
// another JavaScript event that happens if form is valid 
}); 

어떻게 이미 ASP.NET의 MVC 프레임 워크에 의해 설정 jQuery를 검증 호출합니까? 나는 플러그인을 전혀 바꿀 필요가 없다. (행동 계획이 잘못 되었다면 말이다.) 제출 버튼 클릭에 이벤트 만 추가하면됩니다. 큰

Answer 1

은 ... 나는 당신이 제출 에 양식 전에 실행됩니다 어떤 함수를 호출 할 수 있습니다 OnBegin이 두 함수 를 포함

@using (Ajax.BeginForm.. or @using (Html.BeginForm(.. 

사용 중 만든 양식을하려고 생각

@using (Ajax.BeginForm("SaveInformation_Basic", "..//ARCSL1", null, new AjaxOptions { HttpMethod = "POST", OnSuccess = "done._afterEntry", OnBegin = "return Prevalidateform();" }, new { @id = "entryForm" })) 


function Prevalidateform() { 
    // do your thing here 
} 

Answer 2

당신은 버튼 이벤트에서 유효성을 검사 할 수 있습니다 제출

$('#submitButton').click(function(){ 
     var $form = $('form'); 
     if($form.valid()){ 
     // JavaScript event that happens if form is valid 
     } 
     else{ // another JavaScript event that happens if form is valid 
     } 
    });