I didn't notice at first, but also, your <input> tags aren't closed properly either:
Should be: <input class="mls_textSmall" type="text" name="txtZip" id="txtZip" value="" /> On Nov 24, 8:19 pm, DumpsterDoggy <[EMAIL PROTECTED]> wrote: > Your META tag isn't closed properly so this is probably your starting > point for investigation. Make sure your page validates before you > start to dig into the JavaScript. > > On Nov 24, 7:21 pm, jquery_newbie <[EMAIL PROTECTED]> wrote: > > > I am trying to run my page with the Validator code but on loading it > > in IE6 I get the "Expected ;" error followed by "Object doesn't > > support this property or method" errors. It has absolutely no problems > > in Firefox3. Strangely enough when I comment out the <META http- > > equiv="Content-Type" content="text/html; charset=UTF-8"> line the > > "Expected ;" error disappears although the validation still does not > > work. Here's my page: > > > ----------------------------------------------------- > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > > <html> > > <head> > > <META http-equiv="Content-Type" content="text/html; charset=UTF-8"> > > <title>test</title> > > <script type="text/javascript" src="jquery.js"></script> > > <script type="text/javascript" src="jquery.validate.pack.js"></script> > > <script id="demo" type="text/javascript"> > > $(function() { > > > <!-- form validation --> > > $('#frmFilterEvents').validate({ > > rules: { > > txtStartDate: { > > //sutterdate: true, > > required: > > "#txtEndDate:filled" > > }, > > txtEndDate: { > > //sutterdate: true, > > required: > > "#txtStartDate:filled" > > }, > > txtZip: { > > minlength: 5, > > maxlength: 5 > > } > > }, > > messages: { > > txtStartDate: "mm/dd/yyyy > > required", > > txtEndDate: "mm/dd/yyyy > > required", > > txtZip: "Zip is 5 digits" > > }, > > errorPlacement: function(error, > > element) { > > if ( element.is(":radio") ) > > error.appendTo( > > element.parent().next().next() ); > > else if ( > > element.is(":checkbox") ) > > error.appendTo ( > > element.next() ); > > else > > error.appendTo( > > element.parent() ); > > } > > }); > > > > > $('button[name=submitFilter]').click(function() { > > return $('#frmFilterEvents').valid(); > > }); > > }) > > </script> > > </head> > > <body style="margin:0;background-color:#FFFFFF;" class="mls_member > > tpl-3col"> > > > <div class="mls_sidebar" id="mls_left"> > > <div class="mls_navSub mls mls_colLf"> > > <dl> > > <dt>Filter Events</dt> > > <dd> > > <form action="" id="frmFilterEvents" method="post"> > > > <fieldset> > > <legend>Dates</legend> > > <ol class="mls_dates"> > > <li> > > <label for="txtStartDate">From</label> > > <span class="ui-datepicker-wrap"> > > <input class="mls_text datePick" type="text" > > name="txtStartDate" id="txtStartDate" value=""> > > </span> </li> > > <li> > > <label for="txtEndDate">To</label> > > <span class="ui-datepicker-wrap"> > > <input class="mls_text datePick" type="text" > > name="txtEndDate" id="txtEndDate" value=""> > > </span> </li> > > </ol> > > </fieldset> > > <fieldset class="mls_last"> > > <legend>Location</legend> > > <ol> > > <li> > > <label for="selMiles">Within</label> > > <select name="selMiles" id="selMiles"> > > <option value="10">10 Miles</option> > > <option value="20">20 Miles</option> > > <option value="50">50 Miles</option> > > </select> > > </li> > > <li> > > <label for="txtZip">of Zip Code</label> > > <input class="mls_textSmall" type="text" > > name="txtZip" id="txtZip" value=""> > > </li> > > </ol> > > </fieldset> > > <div class="mls_buttons"> > > <button name="submitFilter" class="" > > type="submit">Search</button> > > </div> > > </form> > > </dd> > > </dl> > > </div> > > </div> > > > </body> > > </html> > > ----------------------------- > > > Any idea what's wrong? > > > Thanks.
