主页 / 问题 / 1441052
Accepted
Rakzin Roman
Asked:2022-08-20 20:34:52 +0000 UTC2022-08-20 20:34:52 +0000 UTC

如何防止在 Angular 反应形式中输入某些字符？

  • 772

举例说明如何实现某些字段的输入，例如，仅数字、西里尔字符，或按数字限制，或仅按某个正则表达式。
验证器检测到一个已经存在的错误，如果该字段只需要 4 个字符或其他规则，我需要以某种方式阻止输入。
我已经考虑过通过装饰器进行检查，如果不通过，则拒绝它，我查看了库，但到目前为止还无法实施该计划。
如何进行平庸的字符输入限制？

javascript typescript

1 个回答

  1. Best Answer

    像这样的东西？

    html:

    <input [ngModel]="validValue" (ngModelChange)="onInput($event)">

    ts：

    class MyComponent {
    onInput(inputValue: string): void {
        // Не более 4-х символов
        this.value = inputValue.substring(0, 4);
        // Или число
        if (Number.isNumber(+inputValue)) {
            this.value = inputValue;
        } else {
            this.value = '';
        }
    }
}
    • 1

相关问题