如何使用jQuery验证动态表单字段?

时间:2016-08-15 16:27:44

标签: jquery jquery-validate

我还不清楚如何使用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."
    }

});

它只验证第一个。

如果您知道如何处理上述内容,请回复。

1 个答案:

答案 0 :(得分:-2)

您可以指定一个类来输入,然后验证它。

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