Validating input field of the reactive form in angular

Question

I am using basic input component for validating name.

It is accepting only characters and not allowing any special characters to enter. This condition is working fine.

Validating code:

      firstname: [null, [Validators.required, Validators.pattern('[a-zA-Z][a-zA-Z]+')]],

But i need one more requirement:
1) It should accept even a single character, but it is accepting minimum 2 character by default.How can i change this default behaviour??

Here is the stackblitz link.

Nilesh Jain · Accepted Answer · 2018-10-01 11:30:10Z

2

Problem is with the regular expression you have written in Validators.pattern(), it looks for 2 characters minimum, remove on [a-zA-z] block and it should work fine as you desire.

edited Oct 1, 2018 at 11:30

answered Oct 1, 2018 at 11:27

Nilesh Jain

1268 bronze badges

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

3 Comments

Empty_Soul Over a year ago

Ya i resolved this, but i want space between the characters and should avoid space at the beginning of the 1st character.

Empty_Soul Over a year ago

For ex It should accept: 1)arun kumar but it should not accept 2) arun kumar.

Nilesh Jain Over a year ago

try this regular expression [a-zA-Z]+([a-zA-Z ]+)* should work.

RafGrz · Accepted Answer · 2018-10-01 11:21:30Z

1

Try reduce regex pattern to [a-zA-Z]+ It will take from 1 to unlimited amount of characters. Yor current regex takes char then unlimited amount of characters so it need minimal two characters to match.

answered Oct 1, 2018 at 11:21

RafGrz

1186 bronze badges

3 Comments

Empty_Soul Over a year ago

It's working fine, but space at thing it shouldn't take. How can i solve this?

RafGrz Over a year ago

Try ^[a-zA-Z]+?[ ][a-zA-Z]+$ It will accept unlimited characters and additional space with unimited characters

Empty_Soul Over a year ago

This is allowing space between words and not allowing at the beginning of the first word but my 1st issue which i mentioned in the question exists again if i use this expression.

Collectives™ on Stack Overflow

Validating input field of the reactive form in angular

2 Answers 2

3 Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related