如何添加輸入框的動態驗證？使用jquery

Question

這是我的問題..

我可以創建（添加）兩個新的輸入字段，多次你想要的選項，同時我想驗證輸入字段被打開。我怎麼能做到這一點？

Answer 1

考慮您使用函數.validate()將驗證處理程序附加到窗體。當你創建一個新的字段時，你可能會調用一個函數，比如newField()。那麼，再次調用.validate()函數？

$(document).ready(function(){ 
    $("form").validate(); 
}); 

在JavaScript中，您插入：

<input type="button" onclick="newField(); $("form").validate();" /> 

因此，每個新的元素被插入時，它會調用.validate()功能。希望這可以幫助。

Answer 2

如果您爲每個輸入元素提供相同的類屬性，則可以在驗證函數中輕鬆地遍歷所有元素。

function validateElements(){ 
    var invalidElements = []; 
    $(".elementToValidate").each(function(index,elem){ 
    if ($(elem).val() == ''){ 
     // this element can not be validated! (perhaps add an indication on the page) 
     invalidElements.push($(elem)); 
    } 
    }); 

    if (invalidElements.length){ 
    return false; // there are invalid elements! Can not validate. 
    } 
    return true; // Validated! 
}