jquery validation rules dependency

Question

Using this example from Validation Plug-in's 'required (dependency-expression)' explanation:

$("#myform").validate({
  rules: {
    details: {
      required: "#other:checked"
    }
  }, debug:true
});
$("#other").click(function() {
    $("#details").valid();
});

I'm trying to make the text input required if radio button #guide is selected in example below:

<input type="radio" id="outfitter" name="memtype" value="Outfitter" />Outfitter $125
<input type="radio" id="guide" name="memtype" value="Guide" />Guide $75
<input type="text" id="sponout" name="sponout" size="75" />

I just don't know where to place

 $("#other").click(function() {
    $("#details").valid();
 });

within rules validation coding.

Andrew Whitaker · Accepted Answer · 2012-10-04 00:34:51Z

2

Here's one way you could do this:

$("#myform").validate({
    rules: {
        sponout: {
            required: "#guide:checked"
        }
    }
});

$("input[name='memtype']").change(function () {
    $("#myform").valid();
});

Example: http://jsfiddle.net/kqczf/1/

answered Oct 4, 2012 at 0:34

Andrew Whitaker

126k32 gold badges296 silver badges308 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

robincham Over a year ago

OK, gotcha. I'll give 'er a whirl. Thanx, particularly for the fiddle example.

robincham Over a year ago

Dropped final '.change function' code section and worked fine. Realized I could simply add required:"condition terms" as you pointed out, Andrew.

Collectives™ on Stack Overflow

jquery validation rules dependency

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related