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

仍不清楚我怎麼可以使用jQuery的validate（）如何驗證動態表單字段使用jQuery驗證？

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

<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." 
    } 

});

它只驗證第一個。

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

來源

2016-08-15 user1818765

您可以爲這些控件分配一個類，然後驗證將起作用 –

@RashidJaved，絕對錯誤。這個插件要求所有輸入節點都包含一個唯一的'name'。使用你的方法，只有第一個實例將被驗證。 http://jsfiddle.net/mcqb2vk2/ – Sparky

-2

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

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

來源

2016-08-15 16:33:32

即使修復了你的查詢語法錯誤，你的答案也被破壞了：http://jsfiddle.net/mcqb2vk2/ – Sparky

哇！很難相信沒有人知道如何處理這個問題！將它發佈到另一個網站。 – user1818765

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

回答

相關問題