Here is the form on my webpage:
http://grabilla.com/02506-3d89d9eb-a...c3a83cfd12.png

I have to use JavaScript to validate the fields and I don't even know where to begin. Here is my HTML code:

HTML Code:
<section>
		<h1>Contact Us</h1>
		<p><a href="mailto:andrew.olle@gmail.com?Subject=Thoughts%20on%20these%20clowns">Our Email Link</a></p>
    	<form action="thank_you.html" method="get"
        	name="contact_form" id="contact_form">
    		<fieldset>
	        	<legend>Contact Us</legend>
	        	<label for="email">E-Mail:</label>
	        	<input type="email" name="email" id="email" autofocus required><br>
        		<label for="first_name">First Name:</label>
				<input type="text" name="first_name" id="first_name" required><br>
				<label for="last_name">Last Name:</label>
				<input type="text" name="last_name" id="last_name" required><br>
				<label for="city">City:</label>
				<input type="text" name="city" id="city"><br>
				<label for="state">State:</label>
				<input type="text" name="state" id="state"><br>
				<label for="comments">Comments:</label>
				<textarea name="comments" id="comments" rows="5" cols="23"></textarea>
				</fieldset>
			<fieldset id="buttons">
				<legend>Submit</legend>
				<label>&nbsp;</label>
				<input type="submit" id="submit" value="Submit">
				<input type="reset" id="reset" value="Reset Fields"><br>
			</fieldset>
		</form>
	</section>
I'm thinking this might be a little time consuming, but if anyone is really bored, it would be a great help and MUCH appreciated.