Regex模式验证在angular 11中不能正常工作

Question

我的类型脚本代码只限制字母:

InputValidatorChar(event:any){
Const pattern= /^[a-zA-Z]*$/;
If(!      pattern.test(event.target.value)){
event.target.value=event.target.value.replace(/[^a-zA-Z/g,"");
}}

期望输出:应该只接受字母(例如:jekrhrjek)

输出我得到:只接受字符。但是，如果我在句尾键入任何整数作为输入，并在单元格外单击，则最后键入的整数将被填充。

如何克服这个问题?

Answer 1

与其首先测试是否只有字符A-Z - A-Z或空字符串，不如选择只运行替换的。

请注意，您必须关闭字符类[^a-zA-Z]+，您可以匹配1次或多次以将其替换为空字符串。

InputValidatorChar(event:any){
event.target.value=event.target.value.replace(/[^a-zA-Z]+/g, "");
}