Angular pattern validation with regex

Question

I need to make a password pattern validator

the password should have:

1 uppercase letter
1 lowercase letter
A number
A minimum length of 8.

I found this regex pattern:

Validators.pattern('/^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d!$%@#£€*?&]')

however, the validator always claims my input is invalid

errors:    
   pattern:
      actualValue: "Test1234"
      requiredPattern: "^/^(?=.*[A-Za-z])(?=.*d)[A-Za-zd!$%@#£€*?&]$"

according to https://regex101.com/r/AfAdKp/1 this value is supposed to be valid.

Edit: to clarify, Test1234 is supposed to work

revo · Accepted Answer · 2018-06-26 15:29:55Z

23

You have multiple issues with your current regex:

Your regex doesn't have a quantifier for character class
Validators.pattern doesn't need delimiters but you threw one at beginning
You should double escape tokens.

What you need is this:

Validators.pattern('^(?=[^A-Z]*[A-Z])(?=[^a-z]*[a-z])(?=\\D*\\d)[A-Za-z\\d!$%@#£€*?&]{8,}$');

See live demo here

edited Jun 26, 2018 at 15:29

answered Jun 26, 2018 at 15:20

revo

49k15 gold badges84 silver badges123 bronze badges

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

Comments

The fourth bird · Accepted Answer · 2018-06-26 15:40:38Z

You have to add the quantifier [A-Za-z\d!$%@#£€*?&]{8,} to repeat the character class a minimum of 8 times and separate the assertions for an uppercase and lowercase character:

Validators.pattern('^(?=.*[A-Z])(?=.*[a-z])(?=.*\\d)[A-Za-z\\d!$%@#£€*?&]{8,}$')

^(?=.*[A-Z])(?=.*[a-z])(?=.*\d)[A-Za-z\d!$%@#£€*?&]{8,}$

^ Assert position at the start of the string
(?=.*[A-Z]) Positive lookahead to assert that what follows is an uppercase character
(?=.*[a-z]) Positive lookahead to assert that what follows is an lowercase character
(?=.*\d) Positive lookahead to assert that what follows is a digit
[A-Za-z\d!$%@#£€*?&]{8,} Match any of the charachters in the character class 8 or more times
$ Assert position at the end of the line

const strings = [
  "A88888jf",
  "Aa88888jf",
  "Aa888jf",
  "AAAAAAAAAAA",
  "aaaaaaaaaaaaaa",
  "2222222222222222",
  "1sAdfe44",
  "$#fd#######"
];
let pattern = /^(?=.*[A-Z])(?=.*[a-z])(?=.*\d)[A-Za-z\d!$%@#£€*?&]{8,}$/;

strings.forEach((s) => {
  console.log(s + " ==> " + pattern.test(s));
});

This doesn't work pattern:{requiredPattern: "^(?=.*[A-Z])(?=.*[a-z])(?=.*d)[A-Za-zd!$%@#£€*?&]{8,}$", actualValue: "Test1234"}
That's the problem, it's supposed to match, but it gives me the error cause it doesn't.
@Nicolas Can you add the error to your question? Did you try it without the forward slash?

Collectives™ on Stack Overflow

Angular pattern validation with regex

2 Answers 2

Comments

4 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

4 Comments

Linked

Related