Question: I gave you the code as well. Just need it to look like the image Index.html Reservation request Reservation Request General Information Arrival date: Nights:

I gave you the code as well. Just need it to look like the image

 I gave you the code as well. Just need it to

Index.html

Reservation request

Reservation Request

General Information
Preferences Standard Business Suite King Double Double Smoking
Contact Information

css code

body { font-family: Arial, Helvetica, sans-serif; background-color: white; margin: 0 auto; width: 600px; border: 3px solid blue; padding: 10px 20px; } fieldset { margin-top: 1em; margin-bottom: 1em; padding: .5em; } legend { color: blue; font-weight: bold; font-size: 85%; margin-bottom: .5em; } label { float: left; width: 90px; } input, select { margin-left: 1em; margin-right: 1em; margin-bottom: .5em; } input { width: 14em; } input.left { width: 1em; padding-left: 0; } p { margin-top: 0; margin-bottom: .5em; } input.last { margin-bottom: 1em; } #adults, #children { width: 35px; } #smoking { width: 1em; margin-left: 0; } #submit { margin-left: 0; width: 10em; } label.error { float: none; color: red; font-size: 87.5%; }

For this assignment, you'll use the jQuery validation plugin and any additional jQuery plugins you desire to validate a reservation request form Reservation Request General Information Arrival date: 11/24/2015 Nights Adults Children This field is required Preferences Room type Standard BusinessSuite Bed type: King Double Double Smoking Contact Information Name Email Phone Boehm murach.com 559.440.9071 Please specify a valid phone number Submit Request 1. Open the attached file and extract the Ch08Asg folder. Open the index.html and reservation.js files. Run the application and click the Submit Request button to see the page that's displayed when the form is submitted to the server. In the JavaScript file, code a statement that moves the focus to the Arrival date text box when the form is first displayed Add jQuery code that validates all the text boxes on the form using the validation plugin. All of the text boxes require a value. In addition, the arrival date, the email address, and phone number must be in valid formats, and the number of nights must be a positive integer. Add custom error messages to the validation for the number of nights that are consistent with the other error messages and that fit on the line that contains the Nights text box 2. 3. 4

Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Databases Questions!