Question

I have a tabbed form with 6 fields. 3 fields are active on each tab when any tab is clicked and the fields in other tab gets style display:none. How to validate the fields with style display:none ?

Answer 1

You need to tell the validator to ignore nothing(hidden fields, display none fields).

ignore:'' will do it.

    $("#formId").validate({
        ignore : '',
        rules : {
             ...
        },
        messages : {
            ...
        }
    });