hola tengo un problema, inicialmente tengo un formulario que me funciona de maravilla, y las validaciones y todo.
como requerimiento me piden hacer el formulario en tres pasos con boton siguiente y atras.
ahora no se como implementar esa validacion para q me funciones al momento de hacer en siguiente y q no me deje pasar al siguiente bloque si encuentra error.
ya que la validacion se activa recien con el boton submit que esta al final.
intente agrupar en un div con id diferentes, y validar solo el bloque , he creado un boton aparte para llamar la funcion validate del formulario, y funciona, la cuestión es que al llegar al final el boton submit ya no valida, por que al parecer y guarda de frente.
Código PHP:
$(document).on("click", "#sigp2", function(a) {
jQuery("#f_form").validate({
rules: {
nombres: {
required: true
},
apellidos: {
required: true
},
email: {
required: true,
email: true
},
doc: {
required: true,
number: true,
minlength: 8
}
},
messages: {
nombres: "Ingrese un nombre.",
apellidos: "Ingrese un apellido.",
email: {
required: "Ingrese un email.",
email: "Ingrese un email válido."
},
doc:{
required: "Ingrese un DNI. ",
number: "Ingrese un DNI. válido.",
minlength: "Ingrese un DNI. válido."
}
},
errorElement: "div",
errorPlacement: function(error, element) {
offset = element.offset();
var div = element;
var position = div.position();
error.insertBefore(element)
error.addClass("messageDuo49");
error.css("position", "absolute");
error.css("left", 297);
error.css("top", (position.top - 7));
}
});
if ( $("#f_form").valid() ) {
jQuery("#paso1").hide( "slow");
jQuery("#paso2").show( "slow");
jQuery("#fc1").css( "background-color","#2edaff");
jQuery("#fc2").css( "background-color","#fff");
}
});
ejecuto este mismo script pero para los nuevos campos y no obedece, asume como si ya estuvieran validos y guiarda de frente, tendria que modificar algun estado de validacion?