Порядок проверки формы 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.

Заранее спасибо.

Ответы на вопрос(5)

Ваш ответ на вопрос