Входная валидация в форме AngularJs

Question

Проблема,

Как-то я не могу получить право на проверку с помощью AngularJs. Я хочу, чтобы только поле ввода пользователя было красным, когда требуемое поле отсутствует или не отображается в submit.

Я создал Plunker http://plnkr.co/edit/0ea77wRG3EJC13c22LLn. Я создал очень простой Plunker, просто чтобы понять.

<input type="text" name="email" ng-model="userEmail" required> 

Пожалуйста, помогите

Answer 1

Перейти через этот учебник по scotch.io. Он даст вам введение в подтверждение формы.

и если вы хотите, чтобы сообщения проверки были отображены при нажатии кнопки отправки, используйте флаг. при нажатии на флаг установлен флаг, чтобы верно и использовать условия, которые были в angularJs как ниже

<div class="form-group" ng-class="{ 'has-error' : submitClicked && userForm.email.$invalid && !userForm.email.$pristine }"> 

и установить submitClicked флаг истинна на нажатие кнопки отправки

<button type="submit" class="btn btn-primary btn-large" ng-click="submitClicked=true">Submit</button> 

и вы можете даже попробуйте это link

Answer 2

Проверка не будет работать, если в теге формы присутствует атрибут novalidate.

Удалите его, чтобы проверить форму работы на отправке.