Вывод сообщений при валидации Angular?

Question

[Джон Голт]

Есть такая форма:

<form name="contactUsForm" class="form-horizontal" ng-submit="vm.confirmForm()">
				<div class="form-group">
						<span class="col-md-1 col-md-offset-1 text-center">
							<i class="fa fa-envelope-o bigicon"></i>
						</span>
						<div class="col-md-8">
							<input
								id="email"
								name="userEmail"
								type="email"
								ng-model="user.email"
								ng-minlength="4"
								ng-maxlength="20"
							   	placeholder="Email Address"
								class="form-control"
								required>
							<p ng-show="contactUsForm.userEmail.$error.maxlength">Your email is too long.</p>
							<p ng-show="contactUsForm.userEmail.$error.email">Your email is not valid.</p>
						</div>
				</div>
			</form>
				<div class="form-group">
					<div class="col-md-12 text-center">
						<button type="submit" class="btn btn-primary btn-lg" ng-submit="vm.confirmForm()">Submit</button>
					</div>
				</div>

Здесь все работает, но как сделать так, чтобы сообщение о коротком/длинном пароле выводились только после нажатия на сабмит?

Answer 1

[Николай]

ng-show="contactUsForm.userEmail.$error.maxlength && contactUsForm.$submited"

У форм и полей есть много интересных свойств.
Вам подойдёт $submited.
Остальные свойства можно найти тут: https://docs.angularjs.org/api/ng/type/form.FormCo...