Here are the files that you need:

index.html

          
Reservation Request
 

General Information

Arrival date: * Nights: * Adults: 1 2 3 4 Children: 0 1 2 3 4

Preferences

Room type: Standard Business Suite Bed type: King Double Double Smoking

Contact Information

Name: * Email: * Phone: *

Main.css

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; } span { color: red; } 

reservation.js

$(document).ready(function() { var emailPattern = /\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,4}\b/; }); // end ready

response.html

        
 
Thank you for your request!
 
We will contact you within the next 24 hours.
 
  

I believe you only have to work with reservation.js, but if you need to add anything to other files, feel free to do so. Please follow the objectives as listed in the screenshot (number 2-4), then test it to see if your code does what I'm looking for in the screenshot. Thanks!

In this exercise, you'll use JavaScript to validate a reservation request formm. Reservation Request General I Arrival date: 1/27/2017 Nights Adults Children 0 Room type Staard BusinessSuite Bed type: King Double Doublke Smoking Contact l Name Email: anne@murach Phone Boehm Must be a valid email address. This field is required Submit 1. Open the index.html and reservation.js files in this folder: exercises extralch10 eservation Then, run the application and click the Submit Request button to see the page that's displayed when the form is submitted to the server 2. In the JavaScript file, notice that the ready event handler contains the declaration for a variable named emailPattern that contains the pattern that will be used to validate the email address. 3. Code a statement that moves the focus to the Arrival date text box. 4. Code an event handler for the submit event of the form. This event handler should validate the user entries and cancel the submission of the form if any of the entries are invalid. The validation is as follows: A value must be entered into each text box. The number of nights must be numeric. The email address must match the pattern that's provided Be sure to trim the entries and put them back into the controls regardless of whether the entries are valid