title: Bootstrap validation on dynamic added fields of same array name(input attribute) like name="email[]"
body: <p>i am working on bootstrap validation. on page load, form is showing. user can load and remove same form by add more/remove links. i have done this using jquery. To post data of all the forms, i am using array name like name="email[]".</p>
  
  <p>i have done bootstap validation using bootstrap validator but it is not working. Any help please...</p>
  
  <p>here is my bootstrap validator code</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;{literal}
  $(document).ready(function() {
  $('#save_form').bootstrapValidator({
      message: 'This value is not valid',
      feedbackIcons: {
          valid: 'glyphicon glyphicon-ok',
          invalid: 'glyphicon glyphicon-remove',
          validating: 'glyphicon glyphicon-refresh'
      },
      fields: {
          ind_email[]: {
              validators: {
                  notEmpty: {
                      message: 'The email address is required and can\'t be empty'
                  },
                  emailAddress: {
                      message: 'The input is not a valid email address'
                  }
              }
          }
      }
  });
  });
  </code></pre>
  
  <p>here is the html code</p>
  
  <pre><code>&lt;form action="{$data.action}" method="post" enctype="multipart/form-data" name="save_form" id="save_form" class="form-horizontal"
      data-bv-feedbackicons-valid="glyphicon glyphicon-ok"
      data-bv-feedbackicons-invalid="glyphicon glyphicon-remove"
      data-bv-feedbackicons-validating="glyphicon glyphicon-refresh"&gt;
  &lt;div class="form-group"&gt;
      &lt;label class="col-sm-3 control-label"&gt;Email Address:&lt;/label&gt;
      &lt;div class="col-sm-5"&gt;&lt;input type="text" name="ind_email[]" value="" id="email1" class="form-control"/&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>