Jquery 양식 유효성 검사 플러그인, 동적으로 생성 된 입력 요소를 선택하여 유효성을 검사하는 방법은 무엇입니까?

Question

제출하기 전에 양식의 입력을 확인하기 위해 Jquery 양식 유효성 검사 플러그인을 사용하고 있습니다. "question1", "question2", "question3"등과 같이 이름이 지정된 입력 요소가 있습니다. 동적으로 생성됩니다. 그래서 JQuery와 플러그인 기능의 유효성 내에서 이러한 입력 요소()를 확인하는 방법? 내가 먼저 그들을 선택하는 수단이 필요합니다.

$(document).ready(function() { 
    $("#formname").validate({ 
     rules: { 
      title: { 
       required: true, 
       minlength:40 
      }, 
      content: { 
       required: true, 
       minlength:100, 
       maxlength:2000 
      } 
     }, 
     messages: { 
     } 
    }); 
}); 

제목, 내용은 같은 폼 내에서 다른 입력 요소는, 그들이 동적으로 이렇게 생성되지 않습니다 "question1", "question2", "question3"...의 유효성을 검사하는 방법은 다음과 같이 작성할 수 있습니다.

question1: { 
       required: true, 
       minlength:40 
      }, 
     question2: { 
       required: true, 
       minlength:40 
        }, 
     question3: { 
       required: true, 
       minlength:40 
      }, 
     ... 

나는,이 입력 요소가 동적으로 생성 말했듯이, 내가 거기에 얼마나 많은 "questionn"예측할 수

하지만. 그래서 어떻게해야합니까?

Answer 1

동적으로 생성 된 각 요소에 class = "question"속성을 추가해야 jQuery 선택기를 수행 할 수 있습니다.

당신은 방금 만든 각 요소 내로의 OnChange 처리기를 작성할 수

$(".question").validate({ etc... 

Answer 2

는 제가 질문을 이해 바랍니다. 이렇게하면 유효성 검증 루틴이 호출됩니다. 밸리데이션을 요소에 바인딩함으로써 눈에 띄지 않는 접근 방식은 아니지만 작동합니다.

JQuery와이를 사용하여 동적 요소를 지원하기 위해 시도 : 순간 http://docs.jquery.com/Events/live#typefn

그러나 .live 나던 지원 변경 이벤트를.

다른 라이브러리 일 수 있습니다. Google은 주변을보고 있습니다.