Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <md-input-container class="fill-width-input-wrap">
- <input mdInput placeholder="Zip Code" formControlName="zipCode" minLength="5" maxLength="7" (keypress)="allowOnlyNumbers($event)" required>
- <md-error *ngIf="clientInformationForm.controls['zipCode'].hasError('required')">
- Please enter
- <strong>valid zipcode</strong>
- </md-error>
- <md-error *ngIf="clientInformationForm.controls['zipCode'].hasError('minLength')">
- zip code
- <strong>minimum length is 5</strong>
- </md-error>
- </md-input-container>
- <input mdInput formControlName="zipCode"
- minLength="5" maxLength="7"
- pattern="zipPattern"
- (keypress)="allowOnlyNumbers($event)"
- required>
- <md-error *ngIf="clientInformationForm.controls['zipCode'].hasError('pattern')">
- zip code must satisfy pattern
- </md-error>
- ...
- const pattern = new RegExp(/^d{5}(?:d{2})?$/)
- '1234'.match(pattern) // null
- '12345'.match(pattern) // ["12345"
- '123456'.match(pattern) // null
- '1234567'.match(pattern) // ["1234567"
- '12345678'.match(pattern) // null
Add Comment
Please, Sign In to add comment