Angular 6 Validators.pattern() RegEx Not Working

Question

I'm trying to use a regular expression with the Validators.pattern() for Angular 6 FormBuilder, but the validation never goes through. I have tested the RegEx on https://codepen.io/devtips/pen/gzqKKP to see if it was accepted and it did.

The expression I wrote is /^[(0-9)]*[\s][\d]{1,5}-?[\d]{1,5}$/ and the formats I'm trying to validate are (000) 000-0000 and (000) 0000-0000 but my input always shows an invalid result.

buildAgentDetailsForm() {
this.agentDetailForm = this.fb.group({
  FirstName: ['', [Validators.required, Validators.nullValidator]],
  LastName: ['', [Validators.required, Validators.nullValidator]],
  Email: ['', [Validators.required, Validators.email]],
  Phone: [
    '',
    [
      Validators.required,
      Validators.pattern(/^[(0-9)]*[\s][\d]{1,5}-?[\d]{1,5}$/)
    ]
  ],
  EmergencyPhone: ['', [Validators.required]],
  Address: ['', [Validators.required]]
  });
}

Is my expression written in a wrong way? Also I'm using a mask on the input field so it will restrict the input and will include the () and the dash

what's the type of your input? Is it simply string? I bet it's not but might be wrong — maxime1992
– maxime1992, Commented Aug 17, 2018 at 20:32
Umh my bad then. No it's fine. Can you create a quick repro on stackblitz? Might be easier to help you out! — maxime1992
– maxime1992, Commented Aug 17, 2018 at 20:45
It really sounds as if there were some typo in the code. However, a more precise pattern would be /^$\d{3}$\s\d{3,4}-\d{4}$/ (as per your sample strings). — Wiktor Stribiżew
– Wiktor Stribiżew, Commented Aug 17, 2018 at 20:45
Your regex matches the example value and you added it correctly. It should work, so I'd double check the real control value (spaces?). Simple way: window['c'] = this.agentDetailForm — Christoph Lütjen
– Christoph Lütjen, Commented Aug 17, 2018 at 20:52
I created a stackblitz and test your validation, it's working fine. It must be your masking or other place that cause the error. stackblitz.com/edit/so-q-ng-val. It must — Jecfish
– Jecfish, Commented Aug 18, 2018 at 3:55

dev-cc · Accepted Answer · 2018-08-17 20:34:06Z

1

Try replacing pattern validator with this: Validators.pattern("[(0-9)]*[\\s][\\d]{1,5}-?[\\d]{1,5}")

answered Aug 17, 2018 at 20:34

dev-cc

4543 silver badges13 bronze badges

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

2 Comments

IvanS95 Over a year ago

Already tried that, it doesn't give me errors or something about the regex string not being valid, but it just seems the input is not matching it, thus not giving me a valid result

Christoph Lütjen Over a year ago

That will make no difference, see github.com/angular/angular/blob/6.1.3/packages/forms/src/…

Collectives™ on Stack Overflow

Angular 6 Validators.pattern() RegEx Not Working

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related