title: Bootstrap Modal Popup validation is not working
body: <p>I open a HTML form in Bootstrap Modal Popup and apply Bootstrap validation it's work fine but when I open same form and fill with json data Bootstrap validation not works.</p>
  
  <p>Below is my function</p>
  
  <pre><code>specialtyDetail = {
  params: [],
  Load: function (params) {
      specialtyDetail.params = params;
      specialtyDetail.ValidateSpecialty();
      specialtyDetail.LoadSpecialty();
  },
  
  
  LoadSpecialty: function () {
      if (specialtyDetail.params.mode == "Add") {
  
      }
      else if (specialtyDetail.params.mode == "Edit") {
  
          specialtyDetail.FillSpecialty(specialtyDetail.params.SpecialtyId).done(function (response) {
  
              if (response.status != false) {
  
                  var specialty_detail = JSON.parse(response.SpecialtyFill_JSON);
                  var self = $("#specialtyDetail");
                 self.bindMyJSON(true, specialty_detail);
                  if (specialty_detail.chkActive == 'True')
                      $("#specialtyDetail #chkActive").attr("checked", true);
                  else
                      $("#specialtyDetail #chkActive").attr("checked", false);
  
                  specialtyDetail.ValidateSpecialty();
  
              }
              else {
                  utility.DisplayMessages(response.Message, 3);
              }
          });
  
      }
  },
   ValidateSpecialty: function () {
      $('#frmSpecialtyDetail')
         .bootstrapValidator({
  
             message: 'This value is not valid',
             excluded: [':disabled'],
             feedbackIcons: {
                 valid: 'glyphicon glyphicon-ok',
                 invalid: 'glyphicon glyphicon-remove',
                 validating: 'glyphicon glyphicon-refresh'
             },
             fields: {
                 ShortName: {
                     group: '.col-md-6',
                     validators: {
                         notEmpty: {
                             message: 'Short Name is required'
                         }
                     }
                 }
             }
         })
  
      .on('success.form.bv', function (e) {
          e.preventDefault();
          var $form = $(e.target);
  
          // Get the BootstrapValidator instance
          var bv = $form.data('bootstrapValidator');
  
          specialtyDetail.SpecialtySave();
      });
  }
  </code></pre>
  
  <p>Below is my HTML form.</p>
  
  <pre><code>&lt;div id="specialtyDetail" class="modal fade" data-keyboard="false" data-backdrop="static" tabindex="-1" role="dialog" aria-hidden="true"&gt;
  
  &lt;div class="modal-dialog modal-dialog-sm"&gt;
      &lt;div class="modal-content "&gt;
          &lt;div class="modal-header"&gt;
              &lt;button type="button" class="close" data-dismiss="modal" onclick="specialtyDetail.UnLoad();"&gt;&lt;span class=" red" aria-hidden="true"&gt;&amp;nbsp;&lt;/span&gt;&lt;span class="sr-only"&gt;Close&lt;/span&gt;&lt;/button&gt;
              &lt;h4 class="modal-title"&gt;Specialty&lt;/h4&gt;
          &lt;/div&gt;
          &lt;div class="modal-body"&gt;
              &lt;div id="tblspecialtyDetail"&gt;
  
                  &lt;form id="frmSpecialtyDetail" method="post"&gt;
                      &lt;!--start - CONTENTS--&gt;
                      &lt;div class="form-group"&gt;
                          &lt;div class="col-md-6"&gt;
                              &lt;label class="control-label"&gt;Short Name &lt;span class="required"&gt;*&lt;/span&gt;&lt;/label&gt;
                              &lt;input class="form-control size100" name="ShortName" id="txtShortName" type="text" maxlength="10" /&gt;
                          &lt;/div&gt;
                          &lt;div class="col-md-4 pad-a-labelsize"&gt;
                              &lt;div class="checkbox-custom checkbox-default"&gt;
                                  &lt;input type="checkbox" checked="" id="chkActive"&gt;
                                  &lt;label for="Active"&gt;Active&lt;/label&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-md-12"&gt;
                              &lt;label class="control-label"&gt;Description&lt;/label&gt;
                              &lt;input class="form-control" id="txtDescription" type="text" maxlength="55" /&gt;
                          &lt;/div&gt;
                          &lt;div class="col-md-6 pad-a-labelsize-btn"&gt;
                              &lt;div class="btn-block"&gt;
                                  &lt;button class="btn btn-primary btn-sm" type="submit" id="btntest" onclick="specialtyDetail.test();" &gt;Save&lt;/button&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
  
              &lt;/div&gt;
              &lt;div class="clearfix"&gt;&lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Below is my bind json function.</p>
  
  <pre><code>bindMyJSON: function (bAuto, myJson) {
      var self = this;
      self.loadDropDowns(true).done(function () {
          self.selectDropDowns(bAuto, myJson);
      });
      self.loadLabels(bAuto, myJson);
      self.selectCheckBoxes(bAuto, myJson);
      self.loadTextBoxes(bAuto, myJson);
  
      self.find('[type=hidden],[type=text], textarea').each(function () { this.defaultValue = this.value; });
      self.find('[type=checkbox], [type=radio]').each(function () { this.defaultChecked = this.checked; });
      self.find('select option').each(function () { this.defaultSelected = this.selected; });
  
      var html = self.html();
      //for (prop in myJson) {
      //    var regex = new RegExp("{@" + prop + "}", "g");
      //    html = html.replace(regex, myJson[prop]);
      //}
      this.html(html);
  }
  </code></pre>
  
  <p>I hope I get any help in this matter because I am stuck here and can't find any help. Why my validation not works when I open form in Edit mode and fill it.</p>