DAC bank loan automation

DAC Bank is in the process of issuing various loans to its customers.  To ease the customer they need to automate the feature of various loans issued by the bank  like Vehicle, Home, Education loan etc.

 Create a Web page "DAC BANK - AVAIL LOAN" that has the below fields        


Note : Every tag has been given a mark. Make sure the element names are correct   

                                    
Label Name

Component  Name

Description

Customer Name

customerName

To enter the name of the customer

Address

customerAddress

To enter the address of the customer.

Use textarea with 5 rows and 20 columns.

Gender

gender

To choose the gender.  User Radio Button.

Email ID

customerEmail

To enter the email of the customer. Use HTML5 component so that this field accepts only valid Email ID.

Mobile Number

customerMobileNumber

To enter the mobile number

Date of Birth

dob

To select the date of birth.  Use date type.

Loan Type

loanType

An auto-complete feature should be available to the user for the following options.

Vehicle, Home, Education

(ID of the auto-complete feature should be "loan")

Loan  Amount

loanAmount

The text "Enter the Amount" should be displayed by default in the text box. When the user starts entering the amount, this text should disappear

Tenure

loanTenure

To enter the period of loan. Use number type

Avail Loan

submit

Submit button

Reset

reset

On clicking this button, all fields should be reset.

 

RULES/CONSTRAINTS: All validations should be based on HTML 5(Do not use Javascript)

 ·       The component name should be same as given above.

·        The fields customerName and loanAmount are mandatory.

·        Gender should be either ‘Male’ or ‘Female’.

·        Customer Mobile Number should be of 10 digits and should start with 9/8/7.

·        Tenure can take a value between 1 and 5. 

 Use JavaScript for doing the below  :

 Customer on entering  valid values and clicking the submit button display the message as

"Thank you <customerName>. Your Loan Amount is <loanAmount>"  in a div tag with id  "result".

 Note: Use getElementsByName or getElementById function to retrieve the values