Frontend Web Development

Assignment for Week 12

Create an HTML file, a CSS file, and a JS file.

Include the CSS file in the <head> of the HTML file using a <link> tag.

Include jQuery in the <head> of the HTML file using a <script> tag.
jQuery can be loaded from here:
http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js

Include jQuery Validation in the <head> of the HTML file using a <script> tag.
jQuery Validation can be loaded from here:
http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.min.js

Include the JS file in the <head> of the HTML file using a <script> tag.

Create a form in the <body> of the HTML file.

Include at least one <input> of type "text".
Add a label before each <input>.
Include an <input> of type "submit".

Add a declaration in the CSS file that make the labels appear on their own line.

Add a class of "required" to every field in the form.

Write code in the JS file to validate the form once the page loads.


Extra credit: