추가 jQuery를 조건 검증은 HTML

Question

를 동적으로 생성하는 나는 다음과 같은 HTML 시나리오가 : 체크 박스 N을 선택하면

<div> 
    <input id="txt0" type="text" /><input type="checkbox" id="chk0" /></div> 
<div> 
    <input id="txt1" type="text" /><input type="checkbox" id="chk1" /></div> 
<!-- etc --> 
<div> 
    <input id="txtN" type="text" /><input type="checkbox" id="chkN" /></div> 

, 다음 텍스트 상자 N는 필수 필드입니다.

방금 ​​(jQuery validation) 모듈을 사용하기 시작했으며이 유효성 검사를 수행하는 방법을 알아 내려고 노력하고 있습니다.이 검증은 예제보다 조금 복잡해 보입니다.

는 개념적으로 난 후, 내 체크 박스에 CSS 클래스를 추가 사용자 지정 규칙을 추가 addClassRules을 사용하려는 생각합니다. 그러나 문제는 각 확인란에 적절한 텍스트 상자를 지정하는 방법입니다.

내 HTML은 ASP.NET MVC를 사용하여 생성되므로 동적으로 각 체크 박스에 대한 규칙을 지정합니다 자바 스크립트를 생성 할 수 있지만, 이것은 조금 장황한 것 같다.

Answer 1

해결, 다음과 같은 방법을 사용하여 ...

내 텍스트 상자 ( amount_text_box)에 특정 CSS 클래스를 포함하는 내 HTML을 업데이트하고 다음 jQuery를 사용

- 때 체크 박스 이상적 규칙도 해고

$.validator.addClassRules("amount_text_box", { required: function(element) { 
    var chkId = element.id.replace(/txt/, "#chk"); 
    return $(chkId)[0].checked; 
} 

한 제한은 포커스가 텍스트 상자를 잎이 단지 화재가 있다는 것입니다 클릭했습니다.

Answer 2

가 나는 리처드, 비슷한 일을했다. 나는 사용자 정의 규칙의 부족을 포기했지만. 내 접근 방식은 입력 태그에 'required'클래스를 추가하는 것이었다.

당신의 선택의 측면에서

, 당신은 당신의 텍스트 상자에 입력 '공유'그들 만의 클래스 class0 .. classN 말을 그 클래스 내에서 입력을 선택이 없을 수 있을까?

친절,

댄