Angular2 form validation check for number

Question

I am having a problem verifing the the password entered in my angular 2 form contains at least one number in it. The other validators work its just this pattern one. the regex I am using I got from Regex: Check if string contains at least one digit

Password:

<div *ngIf="signUpForm.controls['password'].invalid && signUpForm.controls['password'].dirty">
      <small *ngIf="signUpForm.controls['password'].errors.minlength">
                            Please enter a minimum of 6 characters
                        </small>
      <small *ngIf="signUpForm.controls['password'].errors.maxlength">
                            Password cannot exceed 15 characters
                        </small>
      <small *ngIf="signUpForm.controls['password'].errors.pattern">
                            Must contain digits
                        </small> 
 </div>

inside my form I have the following validator and specifically the pattern I want is to check if the string entered contains a number

"password":["", [
               Validators.required,
               Validators.minLength(6),
               Validators.maxLength(15),
               Validators.pattern('/\d')
           ]
       ]

The errors.patters ngIf never goes away even if there are numbers in the field, not sure what I am doing wrong. My other pattern validators for other fields work.

cchamberlain · Accepted Answer · 2016-10-17 23:03:38Z

1

How about Validators.pattern('\\d+')?

If I understand this correctly, you would need to provide a backslash (not forward slash) to escape the backslash.

Written as a regular expression literal this would look like /\d+/, but I don't think Angular 2 supports those.

UPDATE If that's not working then it must be either something with your setup or a bug in Angular 2. I don't use Angular 2 personally so hard to say but you can see the regex itself is fine:

const regex = new RegExp('\\d+', 'g')
console.info('hiwefwe883290awefoijwfe8382jfwef'.match(regex))

edited Oct 17, 2016 at 23:03

answered Oct 17, 2016 at 21:51

cchamberlain

18k7 gold badges61 silver badges72 bronze badges

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

1 Comment

gerl Over a year ago

this solution should work.. it's the maxlength that is not working. I'm able to enter more than 15 characters

Soviut · Accepted Answer · 2016-10-17 20:50:25Z

0

Your pattern \d will only work for a single digit. You need to add a quantifier.

\d+

That will match one or more digits but not a blank value.

answered Oct 17, 2016 at 20:50

Soviut

92.2k53 gold badges210 silver badges285 bronze badges

Collectives™ on Stack Overflow

Angular2 form validation check for number

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related