<script type="text/javascript">
$(document).ready(function() {
$('#register').validate({
rules: {
//rulls will go here
first_name: 'required',
last_name: 'required',
email: {required:true, email:true},
edd: {required:true, date:true},
},//end of rules
//start of messages
messages: {
email: {
required: "Please enter your primary email address.",
email: "The email you provided is not in the proper format."
}
}//end of messages
});
$(document).ready(function() {
//focus to the first name field.
$('#first_name').focus();
$('input[type=text]').focus(function() {
$(this).addClass('inputFocus');
});
$('input[type=text]').blur(function() {
$(this).removeClass('inputFocus');
}); // to be the end of focus function
//now I will attemp to hide the spouse's info text box if user is single.
$('#relationship').change(function() {
if($(this).val() == 'Single') {
$('#spouse_name').attr('disabled', true);
} else {
$('#spouse_name').attr('disabled', false);
}
}); //supposedly ends relationship function
//start new function here
}); //end of documentready
});
</script>
<form action="handle_form.php" method="post" name="register" id="register">
<p>
<label for="first_name" class="label">First Name:</label>
<input type="text" name="first_name" id="first_name" />
</p>
<p>
<label for="last_name" class="label">Last Name:</label>
<input type="text" name="last_name" id="last_name" />
</p>
<p>
<label for="street_address" class="label">Street Address:</label>
<input type="text" size="30" name="street_address" id="street_address" />
</p>
<p>
<label for="city" class="label">City:</label>
<input type="text" name="city" id="city" />
</p>
<p>
<label for="zip_code" class="label">Zip Code</label>
<input type="text" maxlenght="5" name="zip_code" size="5" id="zip_code" /> (5 digits)
</p>
<div id="selectstate">
<p>
<select id="state" name="state">
<option value="">Select One</option>
<optgroup label="U.S. States">
<option value="AK">Alaska</option>
<option value="AL">Alabama</option>
<option value="AR">Arkansas</option>
<option value="AZ">Arizona</option>
<option value="CA">California</option>
<option value="CO">Colorado</option>
<option value="CT">Connecticut</option>
<option value="DC">District of Columbia</option>
<option value="DE">Delaware</option>
<option value="FL">Florida</option>
<option value="GA">Georgia</option>
<option value="HI">Hawaii</option>
<option value="IA">Iowa</option>
<option value="ID">Idaho</option>
<option value="IL">Illinois</option>
<option value="IN">Indiana</option>
<option value="KS">Kansas</option>
<option value="KY">Kentucky</option>
<option value="LA">Louisiana</option>
<option value="MA">Massachusetts</option>
<option value="MD">Maryland</option>
<option value="ME">Maine</option>
<option value="MI">Michigan</option>
<option value="MN">Minnesota</option>
<option value="MO">Missouri</option>
<option value="MS">Mississippi</option>
<option value="MT">Montana</option>
<option value="NC">North Carolina</option>
<option value="ND">North Dakota</option>
<option value="NE">Nebraska</option>
<option value="NH">New Hampshire</option>
<option value="NJ">New Jersey</option>
<option value="NM">New Mexico</option>
<option value="NV">Nevada</option>
<option value="NY">New York</option>
<option value="OH">Ohio</option>
<option value="OK">Oklahoma</option>
<option value="OR">Oregon</option>
<option value="PA">Pennsylvania</option>
<option value="PR">Puerto Rico</option>
<option value="RI">Rhode Island</option>
<option value="SC">South Carolina</option>
<option value="SD">South Dakota</option>
<option value="TN">Tennessee</option>
<option value="TX">Texas</option>
<option value="UT">Utah</option>
<option value="VA">Virginia</option>
<option value="VT">Vermont</option>
<option value="WA">Washington</option>
<option value="WI">Wisconsin</option>
<option value="WV">West Virginia</option>
<option value="WY">Wyoming</option>
</optgroup>
</select>
</p>
</div>
<p>
<label for="email" class="label">Email:</label>
<input type="text" name="email" id"email"/>
</p>
<p>
<label for="phone" class="label">Phone?</label>
<input type="text" name="phone" id="phone" />
</p>
<p>
<label for="fax" class="label">Fax?</label>
<input type="text" name="fax" id="fax" />
</p
><p>
<label for="comments" class="label">Any additional comments? </label>
<textarea name="comments" size"30" rows="4" id="comments"></textarea>
</p>
<p>
<input type="submit" name="submit" id="submit" value="Submit" /><input type="reset" value="Reset" id="wilder_Contact_Reset" />
</p>
<!-- <input type="reset" name="reset" value="Reset" id="Reset" /> -->
</form>