Change
var validator = $("#surveyForm").validate({
to
var validator = $("form").validate({
or
<form action="?event=submitSurvey" method="post">
<fieldset id="surveyForm">
to
<form id="surveyForm" action="?event=submitSurvey" method="post">
<fieldset>
Good luck.
On Oct 28, 7:54 am, Collectonian <collecton...@gmail.com> wrote:
> I'm trying to implement Validate on a survey form that has just a few
> basic requirements. I'm running jQuery 1.3.2 and Validate 1.5.5.
> Whenever I try to run the code, however, I get an error that
> "validator is undefined". I tried Googling and found only a few hits,
> most saying the HTML was invalid. Checked that, corrected a few minor
> errors, but still getting the error. In addition to the code below, I
> tried just the basic $("#surveyForm").validate() but it still gives
> the same error. This is on a development application, so it isn't
> available online yet.
>
> Summer
>
> ~~~~SNIPPET FROM JS FILE~~~~
> var validator = $("#surveyForm").validate({
> rules: {
> recommend: "required",
> howlearnedother: {
> required: function(element) {
> return $('#howlearned
> input[name=howlearned]:checked').val() == 0;
> }
> },
> describeyouother: {
> required: function(element) {
> return $('#describeyouother input
> [name=describeyouother]:checked').val() == 0;
> }
> }
> },
> messages: {
> recommend: "Please indicate if you would recommend the SRAC
> site to
> others",
> howlearnedother: "Please indicate how you learned about SRAC's
> publications.",
> describeyouother: "Please indicate your industry."
> }
>
> });
>
> ~~~SNIPPET OF HTML FORM~~~~
>
> <form action="?event=submitSurvey" method="post">
> <fieldset id="surveyForm">
> <legend>Please complete this survey to help
> us improve our
> offerings:</legend>
> <label for="recommend">What is the likelihood
> that you would
> recommend the SRAC web site or its publications to your family and
> friends? Choose one number below with 1 = not likely and 10 = highly
> likely.</label>
> <div id="recommend">
>
> <input name="recommend"
> type="radio" value="1" /> 1
> <input name="recommend"
> type="radio" value="2" /> 2
> <input name="recommend"
> type="radio" value="3" /> 3
> <input name="recommend"
> type="radio" value="4" /> 4
> <input name="recommend"
> type="radio" value="5" /> 5
> <input name="recommend"
> type="radio" value="6" /> 6
> <input name="recommend"
> type="radio" value="7" /> 7
> <input name="recommend"
> type="radio" value="8" /> 8
> <input name="recommend"
> type="radio" value="9" /> 9
> <input name="recommend"
> type="radio" value="10" /> 10
> </div>
>
> <label for="howlearned">How did you learn
> about SRAC publications?
> </label>
> <div id="howlearned">
>
> <input name="howlearned"
> type="radio" class="checksandradios"
> value="1" /> Linked from another web site<br />
>
> <input name="howlearned"
> type="radio" class="checksandradios"
> value="2" /> Search engine<br />
>
> <input name="howlearned"
> type="radio" class="checksandradios"
> value="3" /> Professional (e.g. Fisheries/aquaculture biologists)<br /
>
>
>
> <input name="howlearned"
> type="radio" class="checksandradios"
> value="4" /> Extension program<br />
>
> <input name="howlearned"
> type="radio" class="checksandradios"
> value="5" /> Friend<br />
>
> <input name="howlearned"
> type="radio" class="checksandradios"
> value="6" /> Magazine<br />
>
> <input name="howlearned"
> type="radio" class="checksandradios"
> value="7" /> Book<br />
>
> <input name="howlearned"
> type="radio" class="checksandradios"
> value="0" /> Other <input id="howlearnedother" name="howlearnedother"
> value="" type="text" size="30" maxlength="30" /><br />
>
> </div>
>
> <label for="whyvisit">Why did you visit the
> SRAC web site?</label>
> <div id="whyvisit">
>
> <input name="whyvisit"
> type="checkbox" class="checksandradios"
> value="1" /> Aquaculture producer looking for information<br />
>
> <input name="whyvisit"
> type="checkbox" class="checksandradios"
> value="2" /> Educator looking for information for my classroom<br />
>
> <div
> id="whyvisiteducator">
>
> <select
> name="whyvisiteducator">
>
>
> <option value="1">Middle School</option>
>
>
> <option value="2">High School</option>
>
>
> <option value="3">2-Year College</option>
>
>
> <option value="4">4-Year College</option>
>
> </select>
> </div>
>
> <input name="whyvisit"
> type="checkbox" class="checksandradios"
> value="3" /> Student<br />
>
> <div
> id="whyvisitstudent">
> <select
> name="whyvisitstudent">
>
>
> <option value="1">Middle School</option>
>
>
> <option value="2">High School</option>
>
>
> <option value="3">2-Year College</option>
>
>
> <option value="4">4-Year College</option>
>
> </select>
> </div>
>
> <input name="whyvisit"
> type="checkbox" class="checksandradios"
> value="4" /> Individual interested in learning more about
> aquaculture<br />
>
> <input name="whyvisit"
> type="checkbox" class="checksandradios"
> value="0" /> Other <input id="whyvisitother" name="whyvisitother"
> type="text" value="" size="30" maxlength="30" /><br />
>
> </div>
>
> <label for="describeyou">Which of the
> following is best described
> about you?</label>
> <div id="describeyou">
>
> <input name="describeyou"
> type="radio" class="checksandradios"
> value="1" /> Private aquaculture producer<br />
>
> <input name="describeyou"
> type="radio" class="checksandradios"
> value="2" /> Aquaculture industry supplier<br />
>
> <input name="describeyou"
> type="radio" class="checksandradios"
> value="3" /> Professional<br />
>
> <input name="describeyou"
> type="radio" class="checksandradios"
> value="4" /> Student<br />
>
> <input name="describeyou"
> type="radio" class="checksandradios"
> value="5" /> Educator<br />
>
> <input name="describeyou"
> type="radio" class="checksandradios"
> value="0" /> Other <input id="describeyouother"
> name="describeyouother" value="" type="text" size="30" maxlength="30" /
>
> ><br />
>
> </div>
>
> <label for="geographicalarea">What
> geographical area do you reside?
> </label>
>
> <div id="geographicalarea">
>
> <input
> name="geographicalarea" type="radio"
> class="checksandradios" value="1" checked="checked" /> United
> States<br />
>
> <div
> id="geographicalarea_us">
> <select
> name="geographicalarea_us">
>
>
> <option value="1" >Southern Region</option>
>
>
> <option value="2" >Northeastern Region</option>
>
>
> <option value="3" >North Central Region</option>
>
>
> <option value="4" >Western Region</option>
>
>
> <option value="5" >U.S. Pacific Islands</option>
>
> </select>
> </div>
>
> <input
> name="geographicalarea" type="radio"
> class="checksandradios" value="2" /> Africa<br />
>
> <input
> name="geographicalarea" type="radio"
> class="checksandradios" value="3" /> Asia<br />
>
> <input
> name="geographicalarea" type="radio"
> class="checksandradios" value="4" /> Canada<br />
>
> <input
> name="geographicalarea" type="radio"
> class="checksandradios" value="5" /> Central or South America<br />
>
> <input
> name="geographicalarea" type="radio"
> class="checksandradios" value="6" /> Europe<br />
>
> <input
> name="geographicalarea" type="radio"
> class="checksandradios" value="7" /> India<br />
>
> <input
> name="geographicalarea" type="radio"
> class="checksandradios" value="8" /> Middle East<br />
>
> <input
> name="geographicalarea" type="radio"
> class="checksandradios" value="9" /> Southeast Asia and Pacific
> Islands<br />
>
> </div>
>
> <div id="captcha">
> <label for="mykey">Please type in the
> characters in the image
> below.</label> <input type="text" name="mykey" id="mykey" value=""
> autocomplete="off" />
> <img src="/CFFileServlet/_cf_captcha/
> _captcha_img-8439256608937052384.png" alt="" height="50" width="200" /
>
>
>
> </div>
>
> <input type="hidden" name="SurveyID"
> value="0" />
>
> <div align="center"><input type="submit"
> name="SubmitSurvey"
> id="submitButton" value="Submit Survey" /></div>
> </fieldset>
> </form>
