Question

In my form fancy select boxes are used. Which resulting in creating some spans and displaying it and making the actual select box with style = "display:none"

While googling about this I’ve found that jQuery validate plugin does not validates hidden fields or which are not visible on the form. But in my case how can i make use of jQuery validate to validate those fancy select box? How should I apply that exception.

Please note that I’m also aware of the ignore option. This part is actually helping me a lot for the hidden fields and which are not visible on the form right now.

I only want to add some exception for those select boxes which are actually visible for the user but made hidden by those fancy styling.

Please help.

Answer 1

I guess the simplest thing would be to override the display: none; declaration.

try:

.hidden {
    display: block !important; /* !important to override inline style */
    position: absolute;
    visibility: hidden;
    left: -999em;
    z-index: -20;
}

Where .hidden is the element you want to show (alternatively you can add this class to the element with javascript)