Could you provide a testpage? Your code looks fine. Jörn
On Thu, Feb 5, 2009 at 9:08 PM, Chris <cpot...@siolon.com> wrote: > > On Feb 5, 6:09 am, Leonardo K <leo...@gmail.com> wrote: >> http://docs.jquery.com/Plugins/Validation/Methods/required#dependency... > > Ok, here's my markup and my attempt to do the conditional validation, > but it obviously doesn't work. I only want the select (#select) to be > required if the radio button (#accept) is clicked. > > > <div class="radio"> > <label class="error none" for="field_2"><a class="tooltip" > title="This field is required"></a></label> > <label>RSVP</label> > <input type="radio" name="field_2" id="accept" > validate="required:true" value="Accept" /><label class="radio > clearfix">Accept</label> > <input type="radio" name="field_2" class="clear clearfix" > value="Regret" /><label class="radio">Regret</label> > <div class="hide attendees"> > <label>Attendees</label> > <select id="select" name="field_3"> > <option value="">#</option> > <option value="1">1</option> > <option value="2">2</option> > </select> > </div> > </div> > > var r = jQuery("#rsvp").validate({ > rules: { > select: { > required: "#accept:checked" > } > } > submitHandler: function(form) { > jQuery(form).ajaxSubmit(options2); > } > });
