Help with Form Validation
I'm using a simple form that requires a user's name & email address to be submitted before they're allowed to download a white paper. I'm having troubles with validating the email address field. The form will still process even though the field is not formatted like an email address. I'm rather new using Jquery & JavaScript in generally and could use some help.
I'm using jquery Validation plugin from bassistance.de.
Script
<script type="text/javascript" src="../Scripts/jquery.validate.min.js">
$(document).ready(function() {
$('#whitepaperForm').validate({
rules: {
name_wp: "required",
email_wp: {
required:true,
email:true
}
} // end rules
}); // end validate
}); // end ready()
</script>
HTML
<div id="whitepaper">
<h3>Download the Full Report</h3>
<form id="whitepaperForm" name="whitepaperForm" method="post" action="../../cgi-sys/formmail.pl" >
<input type="hidden" name="recipient" value="sean@lifeloc.com" />
<input type="hidden" name="username" value="lifeloc" />
<input type="hidden" name="email" value="sean@lifeloc.com" />
<input type="hidden" name="subject" value="White Paper Download" />
<input type="hidden" name="redirect" value="http://www.lifeguardbreathtester.com/whitepaper_request_redirect.shtml" />
<input type="hidden" name="required" value="name_wp, email_wp" />
<input type="hidden" name="sort" value="order:name_wp, email_wp" />
<p><label for="name_wp" class="label">Name</label>
<input type="text" name="name_wp" id="name_wp" /></p>
<p><label for="email_wp" class="label">Email</label>
<input type="text" name="email_wp" id="email_wp" /></p>
<input type="submit" name="submit_wp" id="submit_wp" value="Submit"/>
</form>
</div>
Thanks