01 Oct Perform form validation Manipulate form fields
Objectives: Perform form validation
Manipulate form fields
Requirements: Download orderform.html for this lesson.
Add a link to the jQuery library and the external JavaScript file to the html page.
Put the cursor in the username field
Add validation to the form fields whenever the user moves off the form field as follows:
Name – required – non-blank
Email – required, valid email address (use regex)
Address & City, Shipping Address & city – required – non-blank
Zip code, Shipping zip code – required, numeric, 5 characters
If an error is found, display an appropriate error message in the associated span error tag beside the field.
If no error is found, set the text of the error field to nothing (to remove any previously displayed error messages).
When the user changes the Copy address checkbox:
If the checkbox is checked, copy the billing address, city and zip to the corresponding shipping fields
Add an entry to the state dropdown list as selected with the state from the billing state dropdown list.
When the user moves off of a quantity control (class =”qty”):
Initialize an ordertotal to 0
For each quantity:
get the quantity value entered. If it is not numeric, change it to 0
get id to use to identify the associated price and total
get the price text by using the id “price” + the index value
multiply price times quantity to get a total
Put the total in the table cell with id “total”+index
Add the total to the ordertotal
Place the order total in the subtotal cell.
If ship state is “TX”, calculate tax of .08 times the total and put in the tax cell. Use 0 for all other states.
Add tax to ordertotal.
Calculate shipping based on the shipping state and place it in the shipping cell.:
“TX”: $5.00
“CA” & “NY”: $20
all others: $10
Add shipping to the ordertotal
Display the ordertotal in the Grand Total cell.
When the form is submitted, revalidate all the fields. If the data is not valid, cancel submission of the form.
Our website has a team of professional writers who can help you write any of your homework. They will write your papers from scratch. We also have a team of editors just to make sure all papers are of HIGH QUALITY & PLAGIARISM FREE. To make an Order you only need to click Ask A Question and we will direct you to our Order Page at WriteDemy. Then fill Our Order Form with all your assignment instructions. Select your deadline and pay for your paper. You will get it few hours before your set deadline.
Fill in all the assignment paper details that are required in the order form with the standard information being the page count, deadline, academic level and type of paper. It is advisable to have this information at hand so that you can quickly fill in the necessary information needed in the form for the essay writer to be immediately assigned to your writing project. Make payment for the custom essay order to enable us to assign a suitable writer to your order. Payments are made through Paypal on a secured billing page. Finally, sit back and relax.
About Wridemy
We are a professional paper writing website. If you have searched a question and bumped into our website just know you are in the right place to get help in your coursework. We offer HIGH QUALITY & PLAGIARISM FREE Papers.
How It Works
To make an Order you only need to click on “Place Order” and we will direct you to our Order Page. Fill Our Order Form with all your assignment instructions. Select your deadline and pay for your paper. You will get it few hours before your set deadline.
Are there Discounts?
All new clients are eligible for 20% off in their first Order. Our payment method is safe and secure.