Jquery validation if checkbox checked text box gets class="form-input validate required"

Question

I use Jquery Validation to validate my form.

I have following HTML-form:

<form id="caller">
    <label>Phone:</label>
<input type="text" name="phone" id="phonen" class="form-input" value="" />

    <div class="option-group check">
    <input type="checkbox" name="check1" id="check1"  value="1"  />
<label for="check1"><p>Need a call</p></label>          
</div></form>

Javascript-Code:

<script type="text/javascript">
 $(document).ready(function(e) {
     $('#caller').validate({
        errorPlacement: function(error, element){}
    });
    });
 </script>

If the checkbox is checked, text should get class="form-input validate required".

How can I do this?

Try first reading the docs before asking: jqueryvalidation.org/documentation — Hardy
– Hardy, Commented Dec 14, 2013 at 8:45

Arun P Johny · Accepted Answer · 2013-12-14 09:07:34Z

4

You can use the depends

$('#caller').validate({
    rules:{
        phone:{
            required: {
                depends: function(){
                    return $('#check1').is(':checked')
                }
            }
        }
    }
});

Demo: Fiddle

edited Dec 14, 2013 at 9:07

answered Dec 14, 2013 at 8:52

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

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

1 Comment

user3061007 Over a year ago

It has to be the other way right round. If you check the checkbox, then the input field hast to be required

Hardy · Accepted Answer · 2013-12-14 08:48:09Z

0

Add "required" keyword to your element:

<input type="text" name="validate-me" required />

answered Dec 14, 2013 at 8:48

Hardy

5,6412 gold badges20 silver badges28 bronze badges

1 Comment

user3061007 Over a year ago

I have to do it with the class="form-input validate required", because its a own style. And the textfield should only get this class when the checkbox is checked...

Collectives™ on Stack Overflow

Jquery validation if checkbox checked text box gets class="form-input validate required"

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related