2013-07-08 3 views
0

Wordpress 프로젝트에서 Contact Form 7 플러그인 사용.jQuery - 양식이 유효한 경우에만 이벤트 발생 - Wordpress - 문의 양식 7

문의 양식 7 양식 제출시 확인 양식을 확인합니다. 유효성 검사 규칙이 충족되지 않으면 양식 요소에 'wpcf7-form invalid'클래스가 추가됩니다.

양식의 제출 버튼을 클릭하면 멋진 jquery 물건을 원하지만 양식이 유효한 경우 입니다.

나는 같은 것을 할 싶습니다

$('input#my-submit').click(function(event){  
    if (!$(this).parent('form#myForm').hasClass('wpcf7-form invalid')) { 
     // do cool jquery stuff 
    } 
}); 

하지만을 물론, // do cool stuff 인 클래스에 기회가 전에 발사 있기 때문에 양식의 '무효'클래스가있는 경우에도 발사 변화.

위의 코드를 사용하고 if 문을 실행하는 것을 지연시킬 수 있습니다. 따라서 jQuery가 .hasClass ('wpcf7-form invalid')를 확인하기 전에 문의 양식 7의 유효성 검사 규칙을 완료 할 수 있습니까?

감사합니다.

+0

$ (문서) CSTE 연구진이 추가 ('입력 # 내 제출'기능을 '클릭'(). .... 아마 작동 할 것입니다 – billrichards

답변

2

문의 양식 7에는 편집 화면의 하단에있는 '추가 설정'상자에 추가 할 수있는 후크가 있습니다.

는 '추가 설정'

on_sent_ok: "// do cool jquery stuff;" 

question는 또한 응답

+0

THanks MArk! jquery 스크립트에이 방법을 사용할 수 있습니까?이 경우 사이트의 여러 위치에서 양식을 사용하고 싶습니다. 특정 페이지에서 추가 jquery 이벤트가 발생합니다. 가능하지 않은 경우 별도의 양식을 만들 수 있지만 다소 어려울 수 있습니다. – billrichards

+0

'

관련 문제