HW05 - Githubissues

For this assignment we will create a reservation form with complete validation.

[x] Starting with the basic HTML 5 Template (index.html) on Canvas, create an application that looks similar to the one below.

[x] Use Jquery for all DOM manipulation and event handlers.
[x] All JavaScript should be in an external JS file.
[x] Code a statement that moves the focus to the Arrival date text box.
[x] Code an event handler for the submit event of the form.
[x] This event handler should validate the user entries and cancel the submission of the form if any of the entries are invalid.
[x] The validation is as follows:
[x] A value must be entered into each text box.
[x] The number of nights must be numeric.
[x] The email address must match the pattern that’s provided.
[x] var emailPattern = /\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+.[A-Za-z]{2,4}\b/;
[x] Be sure to trim the entries and put them back into the controls regardless of whether the entries are valid.
[x] Do not forget your JSDoc!
[x] Do not forget to put a comment at the top of the code file with your name and assignment.
[x] Do not forget to validate both your HTML and your CSS files.

Documentation:
[x] You will need to create a document (.docx, .rtf, .pdf) which contains the following:
[x] A screenshot of your page running on your local webserver. Your screenshot needs to include the address bar with the localhost url and show all the validation messages
[x] You will need to validate the index.html and your CSS file using the validator (link on Canvas) and include
[x] a screenshot of the successful validation (Green Bar).
[x] You need to submit your index.html, CSS file, and your external JS file along with your Document.
[x] make sure your document is in the correct form and includes your name.

Claire-Crawford / Client-Side

HW05 #3