Hands on Exercises

1. Create the following form using HTML and validate all fields using Javascript
   1. Username
      1. Cannot be blank
      2. Cannot accept special characters
   2. Email Id
      1. Cannot be blank
      2. Should accept id with @ and “.” present
   3. Password
      1. Cannot be blank
      2. Length Should be minimum 6 character
   4. Confirm Password
      1. Cannot be blank
      2. Password and Confirm password should be same


Diagram 1

Criteria for accepting data

Solve this example using alert and error Div error messages



2. Create the following user details Form using HTML and validate all fields using Javascript

Diagram 2

Criteria for accepting data

1. First Name
   1. Cannot be blank
   2. Cannot accept special characters
2. First Name
   1. Cannot be blank
   2. Cannot accept special characters
3. Email Id
   1. Cannot be blank
   2. Should accept id with @ and “.” present
4. Gender
   1. Cannot be blank
5. Date of Birth
   1. Check for invalid date
6. Address
   1. Cannot be blank
7. I Agree all Terms and Conditions
   1. Must be checked

Solve this example using alert and error Div error messages

• < Prev
• Next >