Как выполнить проверку в Angular.js

Question

У меня есть форма, как показано ниже:

<div class="modal-header"> 
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button> 
    <h4 class="nomargin">Let us know your concern or question and we will try to respond within 24 hours.</h4> 
</div> 
<div class="modal-body paddingmodal2"> 
    <form id="support-form" name="supportForm" class="nobottommargin" novalidate=""> 
     <div class="col_full"> 
      <label for="login-form-username">Description <small>*</small></label> 
      <textarea rows="4" cols="50" type="text" ng-class="{'error': submitted && supportForm.description.$error.required}" id="login-form-username" name="username" class="sm-form-control" ng-model = 'support.description' required/> 
     </div> 
     <div class="alert" role="alert" ng-class="{'alert-danger':!isLoginSuccess, 'alert-success':isLoginSuccess}" ng-show="isShowLoginAlert" ng-bind="loginSubmitStatusMsg"></div> 
     <div class="col_full nobottommargin no-margin-col-full"> 
      <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">Submit</button> 
     </div> 

    </form> 
</div> 

JavaScript:

$scope.saveSupportData = function(supportForm,data){ 
       if(supportForm.$invalid){ 
        return; 
       } 
} 

при нажатии на кнопку границы области текста должен быть выделен, но его не происходит ,

Может кто-нибудь предложить помощь, пожалуйста.

Answer 1

Форма является экземпляром FormController. Экземпляр формы может необязательно быть опубликован в область действия с использованием атрибута name.

Аналогично, управление вводом, которое имеет директиву ngModel, содержит экземпляр NgModelController . Такой экземпляр управления может быть опубликован как свойство экземпляра формы, используя атрибут имени на входе управления. Атрибут name указывает имя свойства экземпляра формы.

Это означает, что внутреннее состояние как формы, так и элемента управления доступно для привязки в представлении с использованием стандартных связующих примитивов .

Это позволяет расширить приведенный выше пример с этими функциями:

пользовательских сообщений об ошибках, отображаемых после того как пользователь взаимодействовал с управления (т.е. когда $ прикоснулся установлен) сообщение об ошибке отображается после отправки формы ($ представлен установлен), даже если пользователь не взаимодействовать с управлением

Это должно быть

ng-class="{'error': submitted && supportForm.username.$error.required}" 

потому что ваше имя поля - имя пользователя. Представлено должно быть верно, когда форма размещена Попробуйте

$scope.saveSupportData = function(supportForm,data){ 
    $scope.submitted=true; 
    if(supportForm.$invalid){ 
     return; 
    } 
}