title: Bootstrap reset button onclick keep textbox as valid
body: <p>I have used below code for bootstrap textbox and textarea and also in the last div I have used button type="reset" .But when I entered invalid shop name and valid Address and click on Reset button it reset it and after only entering invalid shop name and click on Add shop then it is successfully adding new shop.Both the textbox show green background-color and correct sign even after it is empty. 
  Please help me.
  Please see below image after onclick of reset button:</p>
  
  <p><a href="https://i.stack.imgur.com/VlyQG.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VlyQG.jpg" alt="enter image description here"></a></p>
  
  <pre><code>                    &lt;form id="defaultForm" method="post" class="form-horizontal" 
                            data-bv-message="This value is not valid"
                            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-xs-3 control-label"&gt;Shop Name&lt;/label&gt;
                              &lt;div class="col-xs-4"&gt;
                                  &lt;input type="text" class="form-control" pattern="^[a-zA-Z\s]+$"
                                  data-bv-regexp-message="The shop name can consist of alphabetical characters only" name="shopName" placeholder="Shop Name" data-bv-trigger="blur" data-bv-notempty="true" data-bv-notempty-message="Shop name is required and cannot be empty" /&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="form-group"&gt;
                              &lt;label class="col-xs-3 control-label"&gt;Shop Address&lt;/label&gt;
                              &lt;div class="col-xs-4"&gt;
                                  &lt;textarea id="id_txt_addr" type="text" class="form-control" name="shop_address" placeholder="Shop Address" style="height:100px" maxlength="200" data-bv-trigger="blur" data-bv-notempty="true" data-bv-notempty-message="Shop address is required and cannot be empty"&gt;&lt;/textarea&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
  
                          &lt;div class="form-group"&gt;
                              &lt;div class="col-xs-9 col-xs-offset-3"&gt;
                                  &lt;input type="submit" name="add" class="btn btn-primary"  value="Add Shop"&gt;
                                  &lt;button type="reset" class="btn btn-default"&gt;Reset&lt;/button&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/form&gt;
  </code></pre>