Foros del Web » Programando para Internet » Jquery »

jquery.validate + envio asíncrono

Estas en el tema de jquery.validate + envio asíncrono en el foro de Jquery en Foros del Web. Hola a todos, he hecho un formulario, el cual valido con jquery.validate. He continuado ampliando la funcionalidad del formulario, para enviarlo al servidor asíncronamente. Pero ...
  #1 (permalink)  
Antiguo 29/04/2012, 14:21
 
Fecha de Ingreso: septiembre-2009
Mensajes: 38
Antigüedad: 14 años, 8 meses
Puntos: 0
jquery.validate + envio asíncrono

Hola a todos, he hecho un formulario, el cual valido con jquery.validate.
He continuado ampliando la funcionalidad del formulario, para enviarlo al servidor asíncronamente. Pero tengo un problema, no sé como unir ambas apartados.
Se me ha ocurrido poner la validación dentro de una función y el submit en otra; si una es verdadero se llama a la otra, pero no me funciona.

Dejo el código de validación y el del envio.

$("#alta").validate ({
rules: {
usuario:"required",
email: {
required : true,
email : true
},
passw: {
required: true,
minlength: 5
},
passwd: {
required: true,
minlength: 5,
equalTo: "#passw"
},
dir: {
required:true,
existeDireccion:true
}
},

messages: {
usuario: "* Campo obligatorio * ",
email: {
required: "* Campo obligatorio * ",
email: " * Email incorrecto *"
},
passw: {
required: "* Campo obligatorio * ",
minlength: "* Debe tener al menos cinco letras *"
},
passwd: {
required: "* Campo obligatorio * ",
minlength: "* Debe tener al menos cinco letras *",
equalTo: "* Las contraseñas no coinciden *"
},
dir: {
required:"* Campo obligatorio * ",
existeDireccion:"* Dirección no válida *"
}
}
});

$("#alta_contador").submit(function(){
$.ajax({
type:"POST",
url:"CustomerMeter",
dataType:"html",
data: {
usuario: $('#usuario').val(),
email: $('#email').val(),
passw: $('#passw').val(),
dir:$('#addresspicker_map').val(),
lat:$('#lat').val(),
lng:$('#lng').val()
},
beforeSend:function(){
$("#alta_contador").hide();
},
success:function(response){
$("#response").html(response);
resetForm("#alta_contador");
$("#alta_contador").show();
}

})
return false;
})


Muchas gracias

Un saludo
  #2 (permalink)  
Antiguo 29/04/2012, 14:49
 
Fecha de Ingreso: septiembre-2009
Mensajes: 38
Antigüedad: 14 años, 8 meses
Puntos: 0
Respuesta: jquery.validate + envio asíncrono

Solucionado, jquery.validate tiene una etiqueta para hacer el submit.(submitHandler:)

Para el que esté interesado, sólo hay que poner el código de ajax.submit dentro del submitHandler, nada más.


Un saludo y gracias

Etiquetas: ajax, formulario, funcion, html
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:44.