Как отключить кнопку отправки и показать div, если входные первые 3 символа имеют значение «xyz»

Question

Отключить кнопку отправки и показать DIV, если человек вводит символы "59-"

Проблема, с которой я столкнулся, состоит в том, что это легко сделать, если набраны только символы «59-», но если вы наберете «59-xyz» или что-нибудь после тире, то тогда кнопка активируется и скрывает div.

Используя ngModel на входе, я могу получить значение, но я пытаюсь выполнить сравнение, используя регулярное выражение / ^ 59- /, но он жалуется из-за сравнения строки и логического значения.

public accountId: any; public regEx = /^59-/.test(this.accountId);

Answer 1

Ваше регулярное выражение, кажется, в порядке.Вероятно, ваша ошибка связана с тем, что вы присвоили логическое значение regEx здесь public regEx = /^59-/.test(this.accountId); и попытались сравнить его со строкой.

Вот рабочий пример для StackBlitz о том, как это сделатьпри этом используются как реактивные формы, так и управляемые шаблоном формы (ngModel).