필드가 표시되지 않으면 jQuery 유효성 검사기가 작동하지 않습니다.

Question

전체 Wordpress를 사용 중이며 일부 단축 코드를 사용하여 토글 기능을 표시하고 있습니다.

http://themeforest.net/item/mingle-multipurpose-wordpress-theme/full_screen_preview/235056

당신은 단축 코드를 클릭 할 수 있습니다 -> 탭 및 전환

이 완벽하게 작동하고 나는이 : 내가 사용 테마가 어울려 및 토글 기능의 예는 여기에서 찾을 수 있습니다 일부 필드가있는 양식. 토글이 열려 있으면 jQuery 검사기가 정상적으로 작동합니다. 그러나 토글이 닫혀 있으면 jQuery는 필드가 있음을 인식하지 못하고 값이 있는지 확인하지 않습니다. 이 문제가 해결 되었습니까?

편집 :

$("#register").validate({ 
    ignore: "", 
    rules: { 
     vendor_email: { 
      required: true, 
      email: true 
     }, 
     vendor_name: "required", 
     zip: "required", 
    }, 
    messages: { 
     vendor_email: { 
      required: "<br>Please enter an email address!<br><br>", 
      email: "<br>Please enter a valid email address!<br><br>" 
     }, 
     vendor_name: "<br>Please enter your vendor name!<br><br>", 
     zip: "<br>Please enter a zip code!<br><br>", 
    }, 
    highlight: function(element, errorClass) { 
     alert(element); 
     $(element).closest('togDesc').show(); 
     $(element).closest('toggleItem').find('.minus').removeClass('minus').addClass('plus'); 
    }); 
}); 

하이라이트 부분을 검증하는 것도 오차를 일으키는 : 여기 내 현재 jQuery를이다. 왜 그런가?

미리 감사드립니다.

Answer 1

기본적으로 jQuery 유효성 검사는 숨겨진 필드를 무시합니다. (가) 비워 무시 변화 : 이러한 요소가 숨겨져있는 경우

$("#form").validate({ 
    ignore: "", 
    ... 
}); 

, 당신은 프로그래밍 방식으로 열린 자신의 부모를 전환 할 수 있습니다 :

이

$("#form").validate({ 
    ignore: "", 
    highlight: function(element, errorClass) { 
     $(element).addClass(errorClass); 
     if(!$(element).is(":visible")) { 
      $(element).closest('togDesc').show(); 
      $(element).closest('toggleItem').find('.minus').removeClass('minus').addClass('plus'); 
     } 
    }); 
} 

는이 어울려에서이 개방 전환 기능을 내장있을 수 있습니다, 그러나 이것도 그렇게해야합니다.