jquery Validate - Custom validation at runtime

Question

In my form i have two text boxes txtName & txtAge . I use jquery.validate.js to make it as required field validator and it is working fine. Now my requirement is sometimes based on some business logic i need to make these 2 fields non-mandatory programatically. But if user fills txtName he needs to fill txtAge too or Vice Versa.

If either one of the field is filled other should be filled, Or both can be left empty

I'm using asp.net in server side.

Amin Eshaq · Accepted Answer · 2011-08-12 23:20:15Z

1

if you are using the css class based validation, then you should be able to do this by simply removing/adding the "required" class in the inputs as needed.

$('#txtName, #txtAge').blur(function(){
   nameElem = $('#txtName);
   ageElem  = $('#txtAge');

   if(nameElem.val() != "" || ageElem.val() != "")
   {
      $('#txtAge,#txtName').addClass('required');
   }else{
      $('#txtAge, #txtName').removeClass('required');
   }
});

edited Aug 12, 2011 at 23:20

answered Aug 12, 2011 at 22:47

Amin Eshaq

4,0241 gold badge19 silver badges21 bronze badges

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

3 Comments

user841683 Over a year ago

But my requirement is if either one of the field is filled other should be filled

Amin Eshaq Over a year ago

right, so the above code adds a blur event to both name and age, checks to see if the one that was blurred out of has a value, if it does, then it makes that one and the other one required.

Amin Eshaq Over a year ago

Ah, i see what you're saying, updated the answer to check both values before setting/removing the required class

Collectives™ on Stack Overflow

jquery Validate - Custom validation at runtime

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related