Порядок проверки формы Angularjs
У меня есть простая HTML-форма, содержащая обычный текстовый ввод.ng-minlength
, ng-maxlength
а такжеng-pattern
угловаявстроенная форма ввода директив установлены на входе.
Проблема:ng-pattern
проверка применяется до проверки длиныng-minlength
а такжеng-maxlength
.
Вопрос: как я могу изменить порядок проверки по умолчанию: сначала проверить длину, а затем применить проверку шаблона?
Пример:
<body ng-app>
<div>
<form name="myForm">
Name: <input name="name" type="text" ng-model="name" ng-minlength="3" ng-maxlength="16" ng-pattern="/^\w+$/"/>
<div ng-show="myForm.name.$dirty && myForm.name.$invalid">
<span ng-show="myForm.name.$error.pattern">Pattern error</span>
<span ng-show="myForm.name.$error.minlength || myForm.name.$error.maxlength">Length error</span>
</div>
<br/>
<input type="submit" value="Submit">
</form>
</div>
</body>
Текущее поведение:
введите "#" - см. "Ошибка шаблона"введите "###" - см. "Ошибка шаблона"Желаемое поведение:
введите "#" - см. "Ошибка длины"введите "###" - см. "Ошибка шаблона"К вашему сведению, связанныеjsfiddle.
Заранее спасибо.