title: Trying to implement bootstrap 3.2 input validation
body: <p>I'm simply trying to display an error message for an input field that is required.</p>
  
  <p>After trying to search on the web, I can't seem to find a clear cut case on how to use it.</p>
  
  <p><strong>The asterisk appears to signify it's a required field, but after clicking on the submit button, no error message appears.</strong></p>
  
  <p>I'm using HTML5 with Twitter Bootstrap 3.2</p>
  
  <p><strong>How can I accomplish this?</strong></p>
  
  <p>Here is my HTML:</p>
  
  <pre><code>&lt;div class="modal-body"&gt;
                                                          &lt;div class='form-group'&gt;
                                                              &lt;span class="label label-default col-sm-7 col-sm-offset-2"&gt;Enter the reason and comments to stop the Shipping Request&lt;/span&gt;
                                                              &lt;br /&gt;
                                                              &lt;label class="col-sm-1 control-label" for="txtStatusComments"&gt;Status Comments:&lt;/label&gt;
                                                              &lt;div class="required col-sm-9 col-sm-offset-1"&gt;
                                                                  &lt;textarea id="txtSPStatusComments" rows="5" cols="80" class="form-control height-auto" data-val="true" data-val-required="You must supply comments if Accepting!"&gt;&lt;/textarea&gt;
                                                              &lt;/div&gt;
                                                              &lt;div class="hide-text"&gt;
                                                                  &lt;input type="hidden" id="txtStopGridID" /&gt;
                                                              &lt;/div&gt;
                                                          &lt;/div&gt;
                                                      &lt;/div&gt;
  </code></pre>