여러 양식 유효성 검사/제출

-3

페이지로드시 (display:none)에는 숨겨져 있지만 버튼 클릭만으로 표시되는 양식이 첨부 된 여러 개의 항목이있는 페이지가 있습니다. . 제출 후여러 양식 유효성 검사/제출

$("#enquire").validate({ 
    rules: { 
     *rules* 
    } 
});

과 : 나는 양식을 검증 (후 제출) 할 JQuery와 유효성 검사를 사용하는 경우

내가 사용

$("#enquire").submit(function() { 
    if ($(this).valid()) { 
     **ajax** 
    } 
});

을하지만이 ID를 갖는 양식을 필요로하지만,의 물론 한 페이지 당 하나의 ID 만 허용됩니다.

어떻게 이것을 극복 할 수 있습니까?

출처

2014-05-24 Darren Sweeney

대신 클래스를 사용 하시겠습니까? – JJJ

@Juhana 아니요, 작동하지 않습니다 –

왜 작동하지 않습니까? – JJJ

편집 : 위로 클래스 :하지만,이 여분의 줄을

: $(this).validate();

$('.enquire').submit(function() { 
    $(this).validate(); //I think you need this line 
    if ($(this).valid()) { 
     **ajax** 
    } 
});

출처

2014-05-24 19:52:09 myfunkyside

아니, 작동하지 않습니다 - 시도 그 –

@ 대런 스위니 - 어떻게 양식을 제출합니까? 왜냐하면 한 양식의 제출 버튼 만 클릭하면 다른 양식이 아닌 해당 양식 만 제출하기 때문입니다. – myfunkyside

@ Darren Sweeney - 네 사이트에 대한 링크를 확인했습니다. 그럼 내가 바로 잡아 보자 .. 당신이 원한다면, "문의 보내기"를 클릭하면 모든 양식을 동시에 제출하기를 원하십니까? – myfunkyside

UPDATE 및

문제는 고정 여러 검증 함께 ANSWER 다음과 같이 각 양식의 유효성을 검사합니다.

$('form').each(function() { // attach to all form elements on page 
    $(this).validate({  // initialize plugin on each form 
    * rules here * 
    }); 
});

출처

2014-05-25 03:46:15

여러 양식 유효성 검사/제출

답변

관련 문제