jquery validate plugin - ignore not visible inputs, but include hidden inputs with class

Question

I have a form that changes the inputs displayed on screen depending on a drop down list value.
This ignore definition works fine and does not validate any inputs with ignore class and that are not visible .

ignore: ":not(:visible), .ignore",

But the problem now is when I want to validate a few hidden inputs with class ' validate ' , so I changed this to:

ignore: ":hidden:not(.validate), :not(:visible), .ignore",

But the :not(:visible) blocks it. How to apply these 2 rules together so I will be able to ignore not visible inputs and validate hidden inputs with 'validate' class?

Answer 1

If you want to ignore all hidden elements, but still validate any hidden element with the .validate class, it's simply the default :hidden selector with the .validate class excluded...

ignore: ":hidden:not(.validate)"

DEMO : jsfiddle.net/0avft8ou/

You probably don't need an .ignore class because the plugin will automatically ignore any hidden element.

Answer 2

尝试将第一个规则更改为

ignore: ":not(:visible), :not(:hidden), .ignore"