AnjularJs ngPattern

ngPattern is one of the useful thing for validation in AnjularJs. AnjularJs ngPattern adds pattern to ngmodel. It is mainly used in text based form controls.

The following are some of the sample patterns:

Email

 <input type="text" ng-model="mail" name="mail" ng-pattern="/^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i" >  

 

Phone

 <input type="text" ng-model="mobile" name="mobile" ng-pattern="/^(\+\91{1,2}[- ])\d{10}$/" />  

 

Landline Phone

 <input type="text" ng-model="landLine" name="landLine" ng-pattern="/^[0-9]\d{2,5}-\d{6,8}$/" />  

 

Password

 <input name="password" ng-pattern="/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$/" type="password">  

 

Number

 <input type="text" ng-model="number" name="number" ng-pattern="/^[0-9]{1,6}$/" >  

 

Alphabets

 <input type="text" ng-model="number" name="number" ng-pattern="/^[a-zA-Z ]{1,25}$/" />  

 

Card Number

 <input type="text" ng-model="cardNumber" name="cardNumber" ng-pattern="/^[0-9]{16,16}$/" />  

 

CVV Number

 <input type="text" ng-model="cvv" name="cvv" ng-pattern="/^[0-9]{3,3}$/" />  

Sarav Author

Leave a Reply

Your email address will not be published. Required fields are marked *