附加字段的jQuery表單驗證

Question

我有一個包含幾個字段的表單。它很容易驗證這種形式。但是，當我使用append或clone命令並在其中動態添加更多字段時，我無法驗證附加字段。
這裏是我的代碼：

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類字段：

$('#add_size').click(function(

    $('.inp').each ... 

)}; 

或者，也許我完全閱讀問題錯了...