I've been trying to get this to work for a couple of days now. I amusing the jQuery validation plugin found here:
http://bassistance.de/jquery-plugins/jquery-plugin-validation/
I'm including the following links in the page header:
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.3.2.min.js" type="text/javascript"></script>
<script src="http://ajax.microsoft.com/ajax/jquery.validate/1.5.5/jquery.validate.js" type=”text/javascript”></script>
<script src="/js/ValidateSpring.js"></script>
All of the links to the scripts resolve.The third is my jQuery script which is below:
- <script>
$().ready(function() {
$('#Form').validate({
rules: {
fAddress: 'required',
fZip: 'required',
fPrivate: 'required',
fPickup: 'required',
fCare: 'required',
fRefund: 'required',
fInitial: 'required'
},
messages: {
fAddress: 'Please enter your home address',
fZip: 'Please select your Zip Code',
fPrivate: 'You must agree to our Tree Planting Policy',
fPickup: 'You must agree to our Tree Pickup Policy',
fCare: 'You must agree to our Tree Care Policy',
fRefund: 'You must agree to our Refund Policy',
fInitial: 'Please input your Email address to acknowledge your Tree Investment Agreement'
}
});
});
</script>
Here is the associated HTML:
- <div class="form">
<table style="width: 100%">
<tr>
<td><h3>Spring Street Tree Program 2010</h2></td>
</tr>
<tr>
<td>On average, one tree costs The Park People $125 to provide. We are
able to subsidize much of this cost with the help of our sponsors.
Availability is limited this year. Orders must be entered by February
15, 2010. The sooner we get your order the better chance you’ll have of
getting your first choice of tree(s). Fill out the qualification form
below and continue to ordering. Site Inspectors will visit your property
beginning in February to confirm the proper spacing and mark where your
street tree(s) must be planted. In early April, you’ll receive a
confirmation letter to let you know whether your property meets the
spacing requirements and where to pick up your tree(s) on April 17th,
2010.</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><h3>Planting Address (must be in the City & County of Denver)</h2></td>
</tr>
</table>
<table style="width: 100%">
<tr>
<td colspan="2"> <a href="#">Help me identify my neighborhood</a></td>
</tr>
<tr>
<td style="width: 50px" for="fZip">Zip Code:</td>
<td><select class="required" name="fZip" id="fZip" onchange="lxFetch('[ModuleID,System]',0,'');">
{SUBQUERY, name="selZip",
Query="SELECT DISTINCT ZipCode FROM ZipCodeNeighborhood",
Format="<option value='\[ZipCode\]'>\[ZipCode\]</option>",
SelectedFormat="<option value='\[ZipCode\]' SELECTED>\[ZipCode\]</option>", SelectedField="ZipCode",
SelectedItems="[FORMAT,[fZip,Form],{ISEMPTY:[ZipCode]}]", UseCache="False"} </select>
</td>
</tr>
<tr>
<td style="width: 50px" for="fHood">Neighborhood:</td>
<td><select name="fHood" id="fHood" style="width: 200px" class="required" >
{SUBQUERY, name="selTheHood",
Query="SELECT DISTINCT Neighborhood FROM ZipCodeNeighborhood WHERE ZipCode = @fZip",
Format="<option value='\[Neighborhood\]'>\[Neighborhood\]</option>"}
</select>
</td>
</tr>
<tr>
<td style="width: 50px" for="fAddress">Address:</td>
<td><input name="fAddress" id="fAddress" style="width: 234px" type="text" class="required" /></td>
</tr>
</table>
<br>
<table style="width: 100%">
<tr>
<td><h3>Need A Helping Hand?</h3></td>
</tr>
<tr>
<td><input name="fDisabled" id="fDisabled" type="checkbox" value="Disabled" /> I am physically disabled and need a volunteer to assist me.</td>
</tr>
<tr>
<td><input name="fScholar" id="fScholar" type="checkbox" value="test" /> I need a tree scholarship</td>
</tr>
</table>
<br />
<table style="width: 100%">
<tr>
<td><h3>My Lot</h3></td>
</tr>
<tr>
<td><input name="fReplace" id="fReplace" type="checkbox" /> Will be replacing existing tree(s) that will be removed.</td>
</tr>
</table>
<br />
<table style="width: 100%">
<tr>
<td><h3>Tree Investment Agreement</h3></td>
</tr>
<tr>
<td><input name="fPrivate" id="fPrivate" type="checkbox" value="Private" class="required" /> I understand that my tree must be planted on my private property in the City & County of Denver.</td>- </tr>
<tr>
<td><input name="fPickup" id="fPickup" type="checkbox" value="Pickup" class="required" /> I agree to plant my tree(s) immediately after pick-up (see above for date)</td>
</tr>
<tr>
<td><input name="fCare" id="fCare" type="checkbox" value="Care" class="required" /> I agree to take care of my tree(s) including weekly watering spring through fall, and monthly watering in the winter.</td>
</tr>
<tr>
<td><input name="fRefund" id="fRefund" type="checkbox" value="Refund" class="required" /> Trees are living things and I understand that there are no refunds, guarantees, or exchanges if my tree fails to thrive.</td>
</tr>
<tr>
<td><input name="fInitial" id="fInitial" type="text" class="required" /> Provide your Password to accept the Tree Investment Agreement</td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td><a {ACTION,Proceed,Proceed,,Message}><input type="submit" value="Proceed to Ordering" /></a></td>
</tr>
</table>
</div>
I modified an existing jQuery script from the "Validating a Complete Form" example here:http://jquery.bassistance.de/validate/demo/
I have painstakingly checked the script for correct syntax, but still receive the following error as shown in Firebug on Firefox:
Has anyone else encounterd this error? It's driving me nuts!
TIA for any help!
Eric