Estoy tratando de devolver un mensaje de "Gracias" después de una validación exitosa del correo electrónico jquery y el envío del formulario. Quiero mostrar el mensaje "Gracias" y evitar que la página se redirija a la URL de acción, pero seguir procesando el lado del servidor de datos. Mientras investigaba, creo que una devolución de llamada de Jquery suena bien, pero necesito más orientación ya que los ejemplos que encontré estaban un poco por todas partes. ¿Alguien puede proporcionar alguna entrada?
$("#emailsignup_form").validate();
});
$('#submitemail').click(function() {
app.ajax.load({
reqName: 'emailSubmit',
url: "$httpUrl('Bronto-OptIn')$?email=" + $('#email').val(),
selector: '#emailbox',
callback: function(responseText, textStatus) { }
return false;
}
});
<form id="emailsignup_form" method="post" action="$httpUrl('Bronto-OptIn', 'fid', 'information')$">
<input id="cemail" name="email" size="25" class="required email" />
<input class="submit" id="submitemail" type="submit" value="Submit"/>
</form>
<div id="emailbox"></div>
Solución del problema
Suponiendo que agregue un div
para mostrar el resultado de su publicación
<form id="emailsignup_form" method="post" action="">
<input id="cemail" name="email" size="25" class="required email" />
<input class="submit" id="submitemail" type="submit" value="Submit"/>
</form>
<div id="postresult">
</div>
Puedes publicar tus datos $.post()
así
$(function(){
$("form#emailsignup_form").submit(function(e){
e.preventDefault();
$.post(
"processdata.php",
$(this).serialize(),
function(data){
//Your code to process returned data goes here
$("#postresult").text("Thank you!");
}
);
});
});
No hay comentarios.:
Publicar un comentario