jQuery 사용자 정의 유효성 검사기

Question

jQuery 유효성 검사 플러그인을 사용하고 있으며 사용자 정의 논리를 추가하려고합니다. 나는 그들과 관련된 자식 체크 박스가있는 일련의 체크 박스를 가지고있다. 이러한 부모 확인란 중 일부 (전부는 아님)의 경우 어린이 체크 상자 중 하나를 선택하도록 요구하고 싶습니다.

<input type="hidden" id="child_required_1" class="child_required_1" /> 

을 그리고 다음과 같이 사용자 지정 유효성 검사기를 추가 : 나는 더 문제는이 그래서 내 DOM이 같은 필드를 추가했다 위해 하드 코딩하지가이 완벽하게 잘 작동

jQuery.validator.addMethod('child_required_1', function(val, element) { 
if($('#product_responses_1').length > 0) { 
    if($('#product_responses_1').is(':checked')) { 
     var count = $("input:checkbox:checked[id^='children_tags_1_']").length; 

     if(count == 0) { 
      return false; 
     } 
    } 
} 

return true; 
}, 'You must select at least one child.'); 

. 그러나이 모든 것을 복제하고 "_2"를 추가하면 유효성 검사기 중 하나만 실행되는 것 같습니다. 그래서 내가 수집 할 수있는 것부터, 커스텀 유효성 검사기는 폼마다 고유합니다. 그렇다면 어떻게하면 15-20 점이 필요한 장소를 다룰 수있는 상황을 어떻게 처리해야합니까? 한 가지 오류 만 표시하고 싶지는 않습니다.

클래스 규칙을 만들 수도 있지만 여러 오류 레이블을 만들고 관련 위치에 배치하는 문제는 해결되지 않습니다.

Answer 1

분명히 숨겨진 필드에서 사용하면 작동하지 않지만 숨겨진 필드를 제거하고 해당 클래스를 실제 확인란에 적용하면 정상적으로 작동합니다. 왜 그런지 완전히 모르겠습니다.