Ver Mensaje Individual
  #4 (permalink)  
Antiguo 17/05/2010, 10:25
vvillar21
 
Fecha de Ingreso: mayo-2007
Ubicación: Los Teques -Edo Miranda
Mensajes: 43
Antigüedad: 17 años, 6 meses
Puntos: 0
Respuesta: Validacion de form con jquery

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>
                   <
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:
Ver original
  1. mostrarOcultar=function(id1,id2,id3){
  2.     $(id1).change(function(){
  3.       if(($(this).val()=="declaracion")){
  4.              $(id2).show();
  5.              $(id3).hide();          
  6.        }     
  7.        if($(this).val()==""){
  8.              $(id2).hide();
  9.              $(id3).hide();
  10.        }                                           
  11.     })    
  12. }
  13.  
  14. nacOrd=function(form,id){  
  15.        $(form).validate({
  16.         errorLabelContainer: $("div#error"),
  17.         rules:{                        
  18.                 centro:"required",
  19.                 nombre:"required"
  20.                 },
  21.         messages:{
  22.                 nombre:"<li>El Nombre es Obligatorio</li>",
  23.                                 centro:"<li>El Centro es Obligatorio</li>"
  24.                 },
  25.         submitHandler:function(){
  26.                 confA(form,"#confA4");
  27.         }                  
  28.   });  
  29. }  
  30.  
  31.  
  32. nacGeneralOp=function(){
  33.    $("#tabsNac").tabs();   
  34.    $(".nacGeneralOpciones").validate({ 
  35.    
  36.         nacOrd(".nac","#tabsNac");             
  37.         mostrarOcultar("#tipoDocumento","#declaracion","#certificado");
  38.     })
  39.    
  40.         $(".nacGeneralOpciones").reset();  
  41. }
  42. nacGeneralOp();