Pattern Validator

Topic: Pattern Validator

bitjuice pro asked 6 years ago

Hi,

Pattern Validators in Template-driven forms does not seem to work: https://mdbootstrap.com/docs/angular/forms/validation/#template-pattern

Could you solve the problem please?

Thamks

Marco

Add comment

Damian Gemza staff answered 6 years ago

0 0 Best answer

Dear Marco,

Please use this pattern instead that one from documentation. We'll fix this in our docs.

[pattern]="'[A-Za-z]*'"

Best Regards,

Damian

Add comment

bitjuice pro answered 6 years ago

0 0 Best answer

Hi Darmian,

I'm using a regex to validate url (https://www.regextester.com/94502), but it desn't work

<input type="text" [(ngModel)]="contacts.webSite" class="form-control" placeholder="Sito web personale" #cntwebsite="ngModel"
        aria-label="Sito web personale" name="cntwebsite" [pattern]="'/^(?:http(s)?:\/\/)?[\w.-]+(?:\.[\w\.-]+)+[\w\-\._~:/?#[\]@!\$&'\(\)\*\+,;=.]+$/gm'">
        <mdb-error *ngIf="cntwebsite.invalid && (cntwebsite.dirty || cntwebsite.touched)" class="ml-40"><i class="fas fa-exclamation mr-1"></i>invalid url</mdb-error>
        <mdb-success *ngIf="cntwebsite.valid && (cntwebsite.dirty || cntwebsite.touched)" class="ml-40"><i class="fas fa-check"></i></mdb-success>

This is the error:

Error screenshot error link