Пользовательские проверки для текстового поля

Question

У меня есть требование наличия следующих условий в текстовом поле однострочного:

1. Первый символ должен быть прописной буквы.
2. Следующие два символа должны быть буквенно-цифровыми, но любая буква должна быть в верхнем регистре.

Учитывая следующий код, как я могу проверить такие условия?

Answer 1

Вы можете принудительно установить правильный шаблон с помощью атрибута ngPattern.

Вы не можете автоматически конвертировать строчную букву, набранную вашего пользователем к верхнему регистру с ngChange, так как модель undefined если вход является недопустимым, но вы можете использовать $parsers вместо этого.

<input 
    type="text" 
    ng-model="name" 
    ng-pattern="'[A-Z][A-Z0-9]{2}'" 
/> 

Если вы используете версию between 1.3.0-beta.12 and 1.3.2, используйте шаблон ^[A-Z][A-Z0-9]{2}$ вместо этого.

Если вы используете версию 1.3.0-beta.11 or lower, используйте вместо этого шаблон /^[A-Z][A-Z0-9]{2}$/.

Answer 2

вы можете использовать нг-шаблон, чтобы установить регулярное выражение и

<input type="text" ng-model="name" 
ng-pattern="'^[A-Z][A-Z\d]{2}'" 
ng-change="name = name.toUppercase()" /> 

здесь вы можете проверить или создать регулярные выражения https://regex101.com/