Email Phone Website Number Validation Angular 6
Angular js validation
website = ^(https?:\\/\\/)?(www\.)?([\\w]+\\.)+[\\w]{2,63}\\/?$ ;
email_regex = /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+
([a-zA-Z0-9]{2,4})+$/;
Phone Pattern = ^((\\+91-?)|0)?[0-9]{10}$;
Number = /^[0-9]*(\.[0-9]+)?$/;
Create common Service Angular 6
app.service.ts
phoneValidation(){
return /^[0-9]*(\.[0-9]+)?$/;
}
numberValidation(){
return /^[0-9]*(\.[0-9]+)?$/;
}
emailValidation(){
return /^([a-zA-Z0-9_.+-])+\@(([a-zA-Z0-9-])+\.)+([a-zA-Z0-9]{2,4})+$/
}
app.component.ts
phoneValidation =this.appServices.phoneValidation()
emailValidation =this.appServices.emailValidation()
numberValidation =this.appServices.numberValidation()
Use formcontrol Like
phone_number: ['', [Validators.pattern(this.phoneValidation),Validators.maxLength(20)]],
email_address: ['', {
validators: Validators.pattern(this.emailValidation),
updateOn: 'change'
}],
website_url: ['', [Validators.pattern(this.websiteValidation)]],
validation dont enter e enter btn .
preventFromToBeClosed($event) {
console.log($event.keyCode)
if ($event.keyCode == 13) {
$event.preventDefault();
return false;
}
if ($event.keyCode > 31 && ($event.keyCode < 48 || $event.keyCode > 57)) {
$event.preventDefault();
return false;
}
}
Html call this function
(keypress)="preventFromToBeClosed($event)"
Comments
Post a Comment