2015-01-24 3 views
5

나는 html 양식을 가지고 있습니다. jquery.validate.js를 사용하여 양식 유효성을 검사하고 이벤트를 제출할 때 작동합니다. 제출하기 전에이 양식의 유효성을 검사하고 싶습니다.submit jquery 전에 양식 확인

은 내 R & D 당으로 나는 시도했다 :

$('#my-form').on('before-submit',function(){ 
    alert('Before submit performed'); 
}); 

내가 그냥 이벤트를 제출 발사하기 전에 양식의 유효성을 검사합니다. 아무에게도이 작업을 수행 할 수 있습니까?

많은 감사,

M

+1

플러그인이 이미 모든 작업을 수행합니다. 다른 행사가 필요하다고 생각하게하기 위해 어떤 일이 일어나는지 더 잘 설명하십시오. 문제를 재현하는 데 필요한 다른 코드와 함께 인증 코드를 보여주십시오. – Sparky

+0

OP는 유효성 확인 플러그인이 제출시에만 유효성을 검사하는 _before_ submit 양식의 유효성을 검증합니다. – ProfK

답변

18

다음과 같이 기본 jQuery 플러그인의 동작을 모방 할 수

테스트 form이 유효한 경우; preventDefault() 사용하여 발생하는 기본 동작을 방지하지 않을 경우 :

$(document) 
.on('click', 'form button[type=submit]', function(e) { 
    var isValid = $(e.target).parents('form').isValid(); 
    if(!isValid) { 
     e.preventDefault(); //prevent the default action 
    } 
}); 

편집을 : 조건부 일부 컨트롤의 유효성을 검사 즉 유효성 검사 테스트를 미세 조정하려는 경우에 유용합니다.

+1

OP는 그가 jQuery 유효성 검사 플러그인을 사용하고 있다고 말했습니다. 이 플러그인은 이미 기본적으로 자동으로 처리됩니다. – Sparky

관련 문제