如何驗證動態表單字段使用jQuery驗證？

Question

仍不清楚我怎麼可以使用jQuery的validate（）

假設我有類似下面的表單驗證動態表單字段：

<form id="myform" action="" ...> 
    <input type="text" form-control" name="cauthor[]" id="cauthor1" value=""/> 
.... 

    <button type="button" class="clone btn btn-primary" value="Add"> 
.... 
    <button type="submit" name="submit" value="submit"> 
... 
</form> 

正如你可以看到我有一個充滿活力的領域（cauthor []）;所以用戶可以點擊添加按鈕來創建一個新的輸入字段。然後點擊添加按鈕後，我的表單將如下所示：

<input type="text" form-control" name="cauthor[]" id="cauthor1" value=""/> 
    <input type="text" form-control" name="cauthor[]" id="cauthor1" value=""/> 
    <input type="text" form-control" name="cauthor[]" id="cauthor1" value=""/> 

現在的問題是？如何驗證所有的字段？

$("#casos_clinicos_form").validate({ 
    rules: { 
     'cauthor[]': { 
      required: true 
     } 
    }, 
    messages: { 
     'cauthor[]': "Author name not informed! Please correct and try again." 
    } 

}); 

它只驗證第一個。

如果您知道如何處理上述問題，請回復。

Answer 1

你可以指定一個類來輸入並驗證它。

Query.validator.addClassRules('myClassName', { 
     required: true /*, 
     other rules */ 
    });