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.
<input>
types, or <textarea>
or <select>
.<input>
of type "submit"
appear on its own line using a CSS declaration.