Validacion de form con jquery

[vvillar21]

Hola a todos espero esten bien, el problema es el siguiente estoy trabajando con jquery y php y tengo un combobox que al seleccionar una opcion me despliega un div que esta oculto dependiendo de lo que haya seleccionado. Ahora cuando hago $("form").validate(), me valida todo los campos del formulario incluso del div que se queda oculto dependiendo de lo que selecciono en el combobox... como puedo hacer la validacion de solo el div que esta visible?. Por favor ayudenme gracias de antemano

[caricatos]

Tema movido desde javascript

[mayid]

Necesitarías un validador apto para combobox. Cuales plugins estás usando? Tenes links?

[vvillar21]

Gracias por responder mira este es el codigo html, lo que pasa es q estoy nueva en esto de jquery y he ido indagando estoy validando los formularios de un sistema que ya esta totalmente estructurado solo falta validar los form e incluir el codigo php.

Código PHP:

  <form class="nac" method="post"> 
 
<div id="tabsNac"> 
 
    <div id="ordinario-1"> 
 
        <fieldset>             
 
            <div class="contenedorPestanas"> 
 
             <p> 
 
                <label for="tipoDocumento">Tipo de Documento:</label> 
 
                 <select name="tipoDocumento" id="tipoDocumentoExtraHosp" dir="ltr"> 
 
                      <option selected="selected" value="">Seleccione</option> 
 
                      <option value="declaracion">Declaración</option> 
 
                      <option value="certificado">Certificado</option> 
 
                     </select> 
 
              </p> 
 
               <div class="oculto" id="declaracion"> 
 
               <fieldset class="generalF">                   
 
                <p> 
 
                      <label for="nombre">Nombre:</label> 
 
                      <input type="text" name="nombre"  size="15" dir="ltr" /> 
 
                </p>                  
 
             </fieldset>         
 
               </div> 
 
               <div class="oculto" id="certificado"> 
 
                <fieldset class="generalF">                     
 
                     <p> 
 
                      <label for="centro">Centro:</label> 
 
                       <input type="text" name="centro" size="15" dir="ltr" /> 
 
                  </p>                   
 
                   </fieldset> 
                   <p class="botones"> 
 
                    <input type="button" value="Visualizar Borrador" name="borrador" /> 
 
                    <input type="submit" value="Generar Acta" name="generar" /> 
 
                    </p> 
 
               </div> 
 
           </div> 
 
        </fieldset> 
 
    </div>       
 
</div> 
 
</form> 
 
<div id="confA4"></div>  
   

y el Jquery que lo valida es este

Código Javascript:

mostrarOcultar=function(id1,id2,id3){
    $(id1).change(function(){
      if(($(this).val()=="declaracion")){
             $(id2).show();
             $(id3).hide();          
       }      
       if($(this).val()==""){
             $(id2).hide();
             $(id3).hide();
       }                                           
    })     
}
 
nacOrd=function(form,id){   
       $(form).validate({
        errorLabelContainer: $("div#error"),
        rules:{                         
                centro:"required",
                nombre:"required"
                },
        messages:{
                nombre:"<li>El Nombre es Obligatorio</li>",
                                centro:"<li>El Centro es Obligatorio</li>"
                },
        submitHandler:function(){
                confA(form,"#confA4");
        }                  
  });   
}   
 
 
nacGeneralOp=function(){
   $("#tabsNac").tabs();    
   $(".nacGeneralOpciones").validate({  
    
        nacOrd(".nac","#tabsNac");             
        mostrarOcultar("#tipoDocumento","#declaracion","#certificado");
    })
    
        $(".nacGeneralOpciones").reset();  
}
nacGeneralOp();
 

[vvillar21]

Me imagino que estos son los plugins

Código HTML:

<script type="text/javascript" src="../js/jquery-1.3.2.min.js"></script>
 
  <script type="text/javascript" src="../js/jquery-ui-1.7.2.custom.min.js"></script>
 
  <script type="text/javascript" src="../js/jquery.validate.min.js"></script> 
 
  <script type="text/javascript" src="../js/messages_es.js">
 
  <script type="text/javascript" src="../js/hoverIntent.js"></script> 
 
  <script type="text/javascript" src="../js/superfish.js"></script>