title: Boostsrap Validation reset form validation Icon not working
body: <p>I am using bootstrap validation plugin for form validaiton.</p>
  
  <ol>
  <li><p>When I click on the 'Cancel' button without changing any values of form field, it should close the  page and take me to page where I was before visiting this page.</p></li>
  <li><p>I cleared couple of fields  and clicked on Cancel button. The old values reseted but it still shows the validation error. </p></li>
  </ol>
  
  <p>Html Code:</p>
  
  <pre><code>&lt;form class="profile_settings" id="profile_settings" data-toggle="validator" role="form"&gt;
  
      &lt;div class="col-lg-12 col-md-12 col-sm-12 col-xs-12"&gt;
          &lt;input type="text" required="required" name="first_name" id="first_name" class="form-control firstname input-lg input-border first_name input-style" placeholder="First name"  value=""&gt;
      &lt;/div&gt;
      &lt;div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 "&gt;
          &lt;input type="text" name="last_name" id="last_name" class="form-control lastname input-lg input-border last_name input-style" placeholder="Last name" value=""&gt;
      &lt;/div&gt;
      &lt;button type="submit" class="profile-save-btn" style="padding-left: 37px;"&gt;&lt;img src="images/savetick.png"&gt;&lt;span class="profile-save green-separator"&gt;Save&lt;/span&gt;
      &lt;/button&gt;
      &lt;button type="reset" class="profile-cancel-btn"&gt;&lt;img src="images/cancel.png"&gt;&lt;span class="profile-cancel"&gt;Cancel&lt;/span&gt;
      &lt;/button&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>Js code:</p>
  
  <pre><code>&lt;script&gt;
      $("#profile_settings").bootstrapValidator({
          message : 'This value is not valid',
          container : 'tooltip',
          feedbackIcons : {
              valid : 'glyphicon glyphicon-ok',
              invalid : 'glyphicon glyphicon-remove',
              validating : 'glyphicon glyphicon-refresh'
          },
          fields : {
              first_name : {
                  container : 'popover',
                  validators : {
                      notEmpty : {
                          message : 'First name is required and cannot be empty'
                      },
                      regexp : {
                          regexp : /^[a-z\s]+$/i,
                          message : 'First name can only consist of alphabetical characters'
                      },
                      stringLength : {
                          min : 3,
                          message : 'first name must be more than 3 characters '
                      }
  
                  }
  
              },
              last_name : {
                  container : 'popover',
                  validators : {
                      notEmpty : {
                          message : 'Last name is required and cannot be empty'
                      },
                      regexp : {
                          regexp : /^[a-z\s]+$/i,
                          message : 'Last name can only consist of alphabetical characters'
                      },
                      stringLength : {
                          min : 3,
                          message : 'Last name must be more than 3 characters '
                      }
  
                  }
  
              },
  
          }
      }).on('success.form.bv', function(e) {
  
          e.preventDefault();
          profileInfoSubmit(this);
  
      });
      });
  $('.profile-cancel-btn').click(function() {
     var previousUrl = document.referrer;
     //window.location=previousUrl;
  
  
  });
  
  &lt;/script&gt;
  </code></pre>
  
  <h1>1.When click the cancel button -  How I can i find the form values are changed or not? If changed means reset the form values otherwise i need to redirect the page previous visited page url.</h1>
  
  <h1>2. When i click the cancel(reset) button the values are reseted but the validation icon(error x mark) not reseted.</h1>
  
  <p>Please suggest me the way.</p>