JQuery UI Accordion에 JQuery 문제가 없음

Question

여러 개의 Accordion 패널에 데이터 필드가 있고 모든 패널의 필수 필드가 채워진 경우에만 사용자가 제출할 수 있습니다. JQuery Unobtrusive Validation은 스타일이 "display : none"인 접힌 패널의 필드의 유효성을 검사하지 않는 것 같습니다. 여기서는 실제로 숨겨진 필드를 적절한 기본값으로 유효성을 검사 할 수있는 것으로 보이는 JQuery 유효성 검사에 대해 묻지 않습니다. 눈에 거슬리는 검증에 대해. 여기

내 jsfiddle 예 : first example는 second example 그냥 JQuery와 유효성 검사를 사용하고, JQuery와 눈에 거슬리지 유효성 검사를 사용하고 있습니다.

$.validator.setDefaults({ ignore: [] }); 

$.validator.setDefaults({ ignore: [] }); 

이러한 예에서는 첫 번째 패널의 4 개 필드가 모두 필요하며 두 번째 패널의 상위 3 개가 필요합니다.

위의 코드는 JQuery 유효성 검사 (적어도 FF)에서 작동하지만 JQuery의 눈에 거슬리지 않은 유효성 검사에서는 작동하지 않을 수 있습니다. 다음 코드는 도움이되지 않습니다. $ .validator.setDefaults ({ignore : ""})); 접힌 패널의 "display : none"스타일을 다른 것으로 변경하고 조금 hackish 한 것으로 다시 확인할 수 있다고 가정합니다.

Answer 1

나는 현저한 검증과 부트 스트랩 아코디언으로 비슷한 문제가 발생했습니다. 이것은 나를 위해 일한 :

여기

$(function() { 
    var formValidator = $('form').validate(); 
    formValidator.settings.ignore = ""; // validate hidden fields 
}); 

만든 변화와 fork of your first example입니다. 참고 : 제출 기능에서 유효성 검사를위한 호출도 주석 처리했습니다.