BootstrapValidator 验证具有相同名称的多个文本字段答案

【问题标题】：BootstrapValidator validate multiple text field with same nameBootstrapValidator 验证具有相同名称的多个文本字段
【发布时间】：2016-08-14 01:17:38
【问题描述】：

我被困在这里，我正在尝试验证多个具有相同名称的文本字段，但它只验证第一个输入文本，其余的没有显示。

<form id = "frm_org_id">
<input type="text" name="email_address[]" placeholder="Email address" class="email_address">
<input type="text" name="email_address[]" placeholder="Email address" class="email_address">
<input type="text" name="email_address[]" placeholder="Email address" class="email_address">
<input type="text" name="email_address[]" placeholder="Email address" class="email_address">
</form>

$('#frm_org_id').bootstrapValidator({

    fields:{
        'email_address[]':{
            validators:{
                notEmpty:{
                    message: ' required'
                },
                emailAddress:{
                    message: 'Invalid email address'
                }
            }
        }
    }
});

我如何在输入时独立验证每个字段？

【问题讨论】：

标签： javascript jquery twitter-bootstrap-3 bootstrapvalidator

【解决方案1】：

您应该将输入标签放在 div 中，设置为 class="form-group"。 t.e.：

<form id = "frm_org_id">
 <div class="form-group">
    <input type="text" name="email_address[]" placeholder="Email address" class="email_address">
  </div>
  <div class="form-group">
    <input type="text" name="email_address[]" placeholder="Email address" class="email_address">
  </div>
  <div class="form-group">
    <input type="text" name="email_address[]" placeholder="Email address" class="email_address">
  </div>
  <div class="form-group">
    <input type="text" name="email_address[]" placeholder="Email address" class="email_address">
  </div>
</form>

有关工作示例，请参见： https://github.com/nghuuphuoc/bootstrapvalidator/blob/master/demo/multiple.html

【讨论】：