BootstrapValidator validate mehrere Textfeld mit dem gleichen Namen

Question

Ich bin hier fest, ich versuche, mehrere Textfelder mit dem gleichen Namen zu validieren, aber es überprüft nur den ersten Eingabetext und der Rest nichts zeigt.

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

Wie validiere i jeder Bereich unabhängig bei der Eingabe?

Answer 1

Sie sollten Eingabe-Tag in div mit class = "form-group" setzen. 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> 

für das Arbeitsbeispiel siehe: https://github.com/nghuuphuoc/bootstrapvalidator/blob/master/demo/multiple.html