2

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

<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'
                }
            }
        }
    }
});

键入时如何独立验证每个字段?

4

1 回答 1

0

您应该将输入标签放在带有 class="form-group" 的 div 中。你:

<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

于 2017-10-03T11:54:00.313 回答