title: How to perform validation in Angular.js
body: <p>I have a form like below:</p>
  
  <pre><code>    &lt;div class="modal-header"&gt;
       &lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true"&gt;&amp;times;&lt;/button&gt;
      &lt;h4 class="nomargin"&gt;Let us know your concern or question and we will try to respond within 24 hours.&lt;/h4&gt;
  &lt;/div&gt;
  &lt;div class="modal-body paddingmodal2"&gt;
      &lt;form id="support-form" name="supportForm"  class="nobottommargin" novalidate=""&gt;
        &lt;div class="col_full"&gt;
              &lt;label for="login-form-username"&gt;Description &lt;small&gt;*&lt;/small&gt;&lt;/label&gt;
              &lt;textarea rows="4" cols="50" type="text"  ng-class="{'error': submitted &amp;&amp; supportForm.description.$error.required}" id="login-form-username" name="username" class="sm-form-control" ng-model = 'support.description' required/&gt;
          &lt;/div&gt;
          &lt;div class="alert" role="alert" ng-class="{'alert-danger':!isLoginSuccess, 'alert-success':isLoginSuccess}" ng-show="isShowLoginAlert" ng-bind="loginSubmitStatusMsg"&gt;&lt;/div&gt;
          &lt;div class="col_full nobottommargin no-margin-col-full"&gt;
              &lt;button type="submit" class="button button-3d button-black nomargin col_full" id="login-form-submit" name="submit-bt" ng-click="saveSupportData(supportForm,support)" ng-disabled="isDisableLoginBtn"&gt;Submit&lt;/button&gt;
          &lt;/div&gt;
  
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>JavaScript:</p>
  
  <pre><code>$scope.saveSupportData = function(supportForm,data){
                   if(supportForm.$invalid){
                      return;
                  }
  }
  </code></pre>
  
  <p>when I click on button the text area border should be highlighted but its not happening. </p>
  
  <p>Can anyone suggest help please.</p>