첨부 된 필드에 대한 jQuery 폼 유효성 검사

Question

몇 개의 필드가 포함 된 양식이 있습니다. 이 양식을 매우 쉽게 검증 할 수 있습니다. 하지만 추가 또는 복제 명령을 사용하여 거기에 몇 가지 필드를 추가 할 때 동적으로 추가 된 필드의 유효성을 검사 할 수 없습니다.
다음은 내 코드입니다 :

function addone(container, new_div) { 
    var to_copy = document.getElementById(new_div); 
    $(to_copy).clone(true).insertAfter(to_copy); 
} 

그리고 그것은 어떤 필드는 중요하지 않습니다 내가 그들 모두 밖으로 필드 얻을 원하기 때문에 내가 대신 ID의 클래스를 사용했다.

$(document).ready(function(){ 
    $('#add_size').live('click', function(){ 
     if($('.inp').val() == "") { 
      alert('Need to fill-out all fields') 
     } 
     else { 
      alert('Thanks') 
     } 
    }) 
}) 

어떤 아이디어가 있습니까? 미리 감사드립니다. 나는 당신이 라이브 핸들러를 필요가 있다고 생각하지 않습니다

당신 만 제출에 대한 유효성 필드를 확인하려고하는 경우 :

Answer 1

$(document).ready(function(){ 
    $('#add_size').live('click', function(){ 
     if(! checkvalid()) { 
      alert('Need to fill-out all fields') 
     } 
     else { 
      alert('Thanks') 
     } 
    }) 
}) 

function checkvalid(){ 
    var valid = true; 
    $('.inp').each(function(){ 
     if (this.value == '') { 
      valid = false; 
      return; 
     } 
    }) 
    return valid; 
} 

Answer 2

난 당신 문제가 발생할 수 있습니다 한 가지 ... 참조하십시오. #add_size 필드를 추가하지 않고 .inp를 추가합니다. 그냥 클릭에 검증을 수행하고 jQuery를 이벤트의 시간에 거기에있는 모든 .INP 클래스 필드 찾아야한다 :