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

Вы должны поместить тег ввода в div с классом = "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