Настроить проверку формы

Question

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

$scope.update = function() { 
    angular.forEach(['lastName', 'umail'], function (input) { 
     if (!$scope[input]) { 
     alert('Input: ' + input.name); 
     angular.element($(input)).css('border', '1px solid #ff0000 !important'); 

     return false; 
    } 
    }); 
}; 

HTML:

<input type="text" name="user_LastName" value="" 
    ng-model="lastName" ng-class="txtlnmcolor" 
    placeholder="{{user_LastName}}" class="input-lastname" 
    required> 

<input type="text" name="pemail" value="" 
    ng-model="umail" ng-class="mailerror" 
    placeholder="{{pemail}}" class="input-mail"> 

<input type="checkbox" name="user.TermsConditions" value="true" class="checkbox-terms" ng-model="terms" ng-required="{{checked}}"> 
... 
... 
<label class="btn-submit" ng-click="update();"></label> 

Любая идея, пожалуйста? Благодаря!

Answer 1

Вы можете использовать угловые свойства собственной формы, такие как formName.elementName. $ Error или formName. $ Valid и классы, добавленные угловыми как .ng-invalid или .ng-valid. Вы не должны использовать точки на имени элементов, то есть user.TermsConditions, проще проверить, получил ли элемент какую-либо ошибку, вы можете использовать formName.userTermsConditions. $ Error вместо formName ['user.TermsConditions']. $ Error.

В прошлом, чтобы вызвать угловую использовать собственные проверки формы нг-Submit и кнопки вместо этикетки

CSS код

.ng-invalid { 
    'border', '1px solid #ff0000 !important' 
} 

HTML код

<form name="formName" ng-submit="update(formName);"> 

<input type="text" name="userLastName" value="" 
    ng-model="lastName" ng-class="txtlnmcolor" 
    placeholder="{{user_LastName}}" class="input-lastname" 
    required> 

<input type="text" name="pemail" 
    ng-model="umail" ng-class="mailerror" 
    placeholder="{{pemail}}" class="input-mail"> 

<input type="checkbox" name="userTermsConditions" value="true" class="checkbox-terms" ng-model="terms" ng-required="checked"> 

<button class="btn-submit" type="submit"></button> 
</form> 

кода контроллера

$scope.submit(form) { 
    if (form.$valid) { 
     // YOUR CODE 
    } 
} 

Надеюсь, это сработает. (извините за мой английский)

С уважением.