Add/remove validation rules Dynamically using add/removeClass({required:true,max:.........}) [duplicate]

Question

in jquery.validate

my requirement:

the input-text will be validated only if the checkbox in the same row is be checked!

$("[name='ck']").click(function () {
        var text = $(this).parent().parent().find("[name='t']");
        if ($(this).attr("checked") == "checked") {
            text.addClass("required");
        } else {
            text.removeClass("required");
        }
    });

the code is OK! but when i change the rule to {required:true,number:true,max:5} ,it is not work!

only the input-text of the first checkbox be checked will be validated! when the second checkbox be clicked,the relevant input-text will not be validated.

so

addClass("{required:true,number:true,max:5}");

Is the way to Add/remove validation rules Dynamically is NOT legal, but why it will be work only once!

addClass() is for adding CSS classes. It doesn't work for you because the string {required:true,number:true,max:5} is not a CSS class. — Sparky
– Sparky, Commented Jun 28, 2013 at 15:55

Josh · Accepted Answer · 2013-06-28 19:33:32Z

0

You will probably want to use the depends callback to dynamically choose whether or not the rule should be required.

$(".selector").validate({
  rules: {
    contact: {
      required: true,
      email: {
        depends: function(element) {
          return $("#contactform_email:checked")
        }
      }
    }
  }
});

This example was pulled from the jquery validation page

answered Jun 28, 2013 at 19:33

Josh

3383 silver badges14 bronze badges

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

Collectives™ on Stack Overflow

Add/remove validation rules Dynamically using add/removeClass({required:true,max:.........}) [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related