hiding and showing certain field with jquery validation.

Question

rules: {
firstname: "required",
lastname: "required",
birthdate: {
    date: true,
    required: true,
    minimumAge: true
}, 
consent: {
  required: function(element) {
   return getAge($("#birthdate").val()) < 18;
   $("#consent").show();
  }
}
});
$("#consent").hide();

I want to show a check box for consent if the age of the user is below 18, From the above code why isn't working?

Answer 1

return getAge($("#birthdate").val()) < 18;

^ You're returning a boolean, and that function is done executing so it doesn't process the $('#consent').show() .. you probably meant to wrap this in an if statement:

if ( getAge( $('#birthdate').val() ) < 18 ) {
   $('#consent').show();
}

Or reverse the < to >, however it works out.