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
:
Ver originalmostrarOcultar=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();