Hello there,
I know this has come up before, but I've checked it through and I
think I must be going blind as I can't see why it's not currently
doing any validation. Firefox works fine, but IE doesn't do any
validation and just goes straight to the form processor.
The code I'm using is:
<script type="text/javascript" src="js/jquery.validate.js"></script>
<script type="text/javascript">
<!--
$().ready(function() {
// validate signup form on keyup and submit
$("#signupForm").validate({
rules: {
realname: "required",
telephone: {
required: true,
digits: true
},
email: {
required: true,
email: true
},
pickup: "required",
dropoff: "required"
},
messages: {
realname: "Please enter your full name",
telephone: "Please enter your telephone number without spaces",
email: "Please enter a valid email address",
pickup: "Please enter the date you would like the package to be
picked up",
dropoff: "Please enter the date you would like the package to be
delivered"
}
});
});
//-->
</script>
---------
and
---------
<form class="cmxform" id="signupForm" method="post" action="rcfp.php">
<fieldset>
<legend>Your Details:</legend>
<p>
<label for="title">Title:</label>
<select name="title" id="title">
<option selected="selected">Please Choose:</option>
<option value="Mr.">Mr.</option>
<option value="Mrs.">Mrs.</option>
<option value="Ms.">Ms.</option>
<option value="Miss">Miss</option>
</select>
</p>
<p>
<label for="realname">Contact name*:</label>
<input name="realname" id="realname" size="30" />
</p>
<p>
<label for="addressone">Address line 1:</label>
<input name="addressone" id="addressone" size="30" />
</p>
<p>
<label for="addresstwo">Address line 2:</label>
<input name="addresstwo" id="addresstwo" size="30" />
</p>
<p>
<label for="town">Town:</label>
<input name="town" id="town" size="30" />
</p>
<p>
<label for="county">County:</label>
<input name="county" id="county" size="30" />
</p>
<p>
<label for="postcode">Postcode:</label>
<input name="postcode" id="postcode" size="30" />
</p>
<p>
<label for="email">Email address*:</label>
<input name="email" id="email" size="30" />
</p>
<p>
<label for="telephone">Daytime telephone number*:</label>
<input name="telephone" id="telephone" size="30" />
</p>
</fieldset>
<fieldset>
<legend>Package Details:</legend>
<p>
<label for="numberofpackages">Number of packages:</label>
<select name="numberofpackages" id="numberofpackages">
<option selected="selected">Please Choose:</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</p>
<p><label for="weight">Weight of package:</label>
<input type="text" name="weight" id="weight" size="30" />
</p>
<p>
<label for="height">Height of package:</label>
<input type="text" name="height" id="height" size="30" />
</p>
<p>
<label for="depth">Depth of package:</label>
<input type="text" name="depth" id="depth" size="30" />
</p>
<p>
<label for="length">Length of package:</label>
<input type="text" name="length" id="length" size="30" />
</p>
</fieldset>
<fieldset>
<legend>Delivery Details:</legend>
<p>
<label for="pickup">Date of pickup*:</label>
<input type="text" name="pickup" id="pickup" size="30" />
</p>
<p>
<label for="pickuptime">Time of pickup:</label>
<input type="text" name="pickuptime" id="pickuptime" size="30" />
</p>
<p>
<label for="dropoff">Date of drop-off*:</label>
<input type="text" name="dropoff" id="dropoff" size="30" />
</p>
<p>
<label for="dropofftime">Time of drop-off:</label>
<input type="text" name="dropofftime" id="dropofftime" size="30" />
</p>
<p>
<label for="deliveryname">Name or company:</label>
<input type="text" name="deliveryname" id="deliveryname" size="30" /
>
</p>
<p>
<label for="deliveryaddressone">Address line 1:</label>
<input type="text" name="deliveryaddressone"
id="deliveryaddressone" size="30" />
</p>
<p>
<label for="deliveryaddresstwo">Address line 2:</label>
<input type="text" name="deliveryaddresstwo"
id="deliveryaddresstwo" size="30" />
</p>
<p>
<label for="deliverytown">Town:</label>
<input type="text" name="deliverytown" id="deliverytown" size="30" /
>
</p>
<p>
<label for="deliverycounty">County:</label>
<input type="text" name="deliverycounty" id="deliverycounty"
size="30" />
</p>
<p>
<label for="deliverypostcode">Postcode:</label>
<input type="text" name="deliverypostcode" id="deliverypostcode"
size="30" />
</p>
<p>
<label for="notes">Notes or requests for this delivery:</label>
<textarea name="notes" id="notes" cols="30" rows="10"></textarea>
<input type="text" name="check" id="check"
title="Humans should not enter any text here" />
</p>
<p>Please note: this is NOT a delivery booking form, but a
"request for quotation". A member of our team will contact
you to provide a price quotation for your delivery.</p>
</fieldset><fieldset>
<p>
<input class="submit" type="submit" value="Submit"/>
<span class="contenttext">
<input type="hidden" name="env_report"
value="REMOTE_HOST,REMOTE_ADDR,HTTP_USER_AGENT,AUTH_TYPE,REMOTE_USER" /
>
<input type="hidden" name="recipients"
value="info1701coach.co.uk" />
<!-- STEP 3: Specify required fields in the 'required'
value -->
<input type="hidden" name="required" value="realname:Please
enter your full name,telephone:Please enter your telephone number
without spaces,email:Please enter a valid email address,pickup:Please
enter the date you would like the package to be picked
up,dropoff:Please enter the date you would like the package to be
delivered" />
<!-- STEP 4: Put your subject line in the 'subject' value.
-->
<input name="subject" type="hidden" id="subject"
value="Chatham Couriers Request A Quote Form" />
<input name="bad_template" type="hidden" id="bad_template"
value="quoteerror.php" />
<input name="good_url" type="hidden" id="good_url"
value="quotethanks.php" />
<input type="hidden" name="mail_options"
value="HTMLTemplate=quote.htm,TemplateMissing=N/A" />
<input type="hidden" name="derive_fields" value=" date=
%date%,time=%hour12%.%':'%.%min% + %AMPM%" />
<input type="hidden" name="conditions" value=":#
#TEST#email ~ /^[-a-z0-9_...@[-a-z0-9_]+\.([-a-z0-9_.]+)*[-a-z0-9_.]$/
i # Please enter a valid email address.#" />
</span></p>
</fieldset>
</form>
--------------------------------
Thanks for any help or advice anyone can provide as I'm pulling what
little is left of my hair out!
Paul.
