custom validator pattern with special characters Angular 4

angular formgroups
chris_r picture chris_r · Jun 13, 2018 · Viewed 9.9k times · Source

I have a formgroup using custom validators:

return this.register = this.fb.group({
        username: ['', Validators.required, /* this.validateUsername()*/],
        email: ['', Validators.email, /*  this.validateUsername()*/],
        password: ['',
            [
                Validators.required,
                Validators.maxLength(50),
                Validators.minLength(8),
                Validators.pattern('^[a-zA-Z0-9!@#$%^&*()]+$'),
            ]
        ]
    });

I am trying to achieve validator pattern, but it doesn't work, someone help please.

Answer

Ulrich Dohou picture Ulrich Dohou · Jun 13, 2018

Make sure to add a / at start and the end of the regex string like this.

Validators.pattern(/^[a-zA-Z0-9!@#$%^&*()]+$/)

Related questions

How to disable all FormControls inside a FormGroup

I have this reactive Angular Form structure: myForm: FormGroup; Personal: FormGroup; FIRST_NAME: FormControl; LAST_NAME: FormControl; ngOnInit(): void { this.createFormControls(); this.createForm(); } createFormControls() { this.FIRST_NAME = new FormControl('', [Validators.required]); this.LAST_NAME = new FormControl('', [Validators.required]); } …

Read More
How to push object into an array? in Angular 7

I am pushing an object into an array but cannot do it? I'm doing it like this this.passData = this.tribeForm.value; var id = {"tribe_id": 1} this.passData.push(id) This is the value in the tribeForm I also tried …

Read More
Angular FormArray: Cannot find control with path

I trying to build an Angular Reactive form where an account can add many students. The form seems to work. When you hit Add Student it creates a new student but you check the console it says ERROR Error: Cannot …

Read More