Regex pattern validation not working properly in angular 11

Question

My type script code to restrict only alphabets:

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,"");
}}

Expected output: Should accept only alphabets (example: jekrhrjek)

Output I am getting: Accepting only characters. But if I type any integer at end of the sentence as input and click outside of cell then the last typed integer is getting populated.

How to overcome this problem?

You also have a typo in here: ...[^a-zA-Z/g... after the A-Z missing closing ]. — bobble bubble
– bobble bubble, Commented Nov 20, 2022 at 21:37

The fourth bird · Accepted Answer · 2022-11-20 13:26:39Z

1

Instead of first testing if there are only chars A-Z a-z or an empty string, you might opt for running only the replacement.

Note that you have to close the character class [^a-zA-Z]+ and you can match 1 or more times to replace it with an empty string.

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

answered Nov 20, 2022 at 13:26

The fourth bird

165k16 gold badges61 silver badges75 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Jimmy Over a year ago

I don't think we need the + there, the regExp itself means replace all non-character

The fourth bird Over a year ago

@Jimmy Yes but the total number of replacements will be less if you use a quantifier to gather all matches in sequence at once.

Jimmy Over a year ago

this goes "too far" for me ^_^ there's a lot behind a Regular expression, the expression itself and the engine that executes it, we even have ReDoS, so I won't go into detail here :D

Collectives™ on Stack Overflow

Regex pattern validation not working properly in angular 11

1 Answer 1

3 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Related