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

Question

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

<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>

js

$('#frm_org_id').bootstrapValidator({

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

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

Answer 1

您应该将输入标签放在 class="form-group"的 div 中。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