jQuery validation custom rule

Question

I made a custom rule for the jQuery validation plugin and I want it to be applied to a field that is not required. So, when I enter something in the field it should be checked but if it's empty it shouldn't be checked by the custom rule.

If I don't set required to true and check this.optional(element) i get dependency-mismatch.

Is there a way to do this?

How does your rule look like because lets say you add an class too the field it will only check what you tell him to do. — Jonathan Römer, Apr 24 '12 at 08:48

score 1 · Accepted Answer · answered Apr 24 '12 at 08:57

1

You can try this. Initially define the rule for required. And then you can add or remove the rule as follows.

str=$("#theFeildId").text();

if(str==""){ 
   $("#theFeildId").rules("remove", "required");
   $("#theFeildId").removeClass("error");
}
else{
    $("#theFeildId").rules("add", "required");
}

answered Apr 24 '12 at 08:57

Shrujan Shetty

2,298
3
27
44

Did a version of this and it works! Thanks. – JohnLaibach Apr 24 '12 at 09:21

jQuery validation custom rule

1 Answers1

Linked