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

Popular Posts