Web
Analytics
user registration page using angularjs validations - Tutorial

For Consultation : +91 9887575540

Stay Connected :

Hi, Today we are going to see implementation of user registration page using angularjs validations, In this example I also used ng-disabled directive to make button disabled until all validations error are not resolved.

Example Validation Requirements:

1. UserName textbox must have atleast 2 characters and can’t be empty.

2. Email can’t be empty and must be in email format.

3. Password can’t be empty.

4. In service dropdown ,one service should be selected.

5.City and Country can’t be empty.

6. Mobile number should have atleast and atmost 10 digits , characters are not allowed.

7. Button should be disabled untill all validations are removed.





 

Example

 

Name:

Username is required.

The UserName should be
minimum 2 characters

Email: Email is required. Invalid email address.
Password:

Password is required.
Service:
Select service
City:

City is required.
Country:

Country is required.
Mobile:



Mobile is required.
Check Mobile number should be at least 10 digits, even characters are not allowed

 

 

Live Demo

Download Source Code

 




Select your currency