user registration page using angularjs validations

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

Live Demo

Download Source Code

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

Submit a Comment Cancel reply