Ngx-mask Enforcing Validation on Input fields in production
Asked Answered
R

1

6

My Input looks like this: I just want to use input mask but not enforce the user to strictly fill the pattern in the mask.

<input type="text" class="Enter Zipcode" placeholder="Enter Zipcode" mask="00000-0000" formControlName="zipcode">

Seems like according to documentation [validation]=true by default. But should be some way to change validation to false. When I do it

<input type="text" class="Enter Zipcode" placeholder="Enter Zipcode" mask="00000-0000" formControlName="zipcode" [validation]="true">

ERROR Error: Uncaught (in promise): Error: Template parse errors:
Can't bind to 'validation' since it isn't a known property of 'input'. ("text" class="Enter Zipcode" placeholder="Enter Zipcode" mask="00000-0000" formControlName="zipcode" [ERROR ->][validation]="false">

Angular throws template parse errors ?

Rollie answered 2/4, 2019 at 3:56 Comment(0)
G
6

Use mask="99999-9999". According to ngx-mask documentation the 0's are used for required numeric fields and the 9's for optional numeric fields.

Gibberish answered 25/11, 2019 at 15:46 Comment(0)

© 2022 - 2024 — McMap. All rights reserved.