Tengo un problema la hora de enviar un formulario que está oculto en la página.
El funcionamiento es el siguiente:
1) Aparece un formulario normal con su botón enviar datos(submit)
2) Los datos del formulario se envían mediante una petición en ajax.
3) Según el tipo de respuesta recibida (datos.error_code == 3), oculto el formulario y muestro una pregunta al usuario de CAMBIAR o CANCELAR.
4) Si pulsan CANCELAR $('#cambiar_suscripcion span.no'), hago desaparecer esta pregunta y vuelvo a mostrar el formulario. Está parte todo correcto.
5) Pero si pulsan CAMBIAR $('#cambiar_suscripcion span.yes'), debería ser capaz de volver a enviar la misma petición que cuando pulsaron el botón SUBMIT, es decir, enviar el formulario que está oculto, pero como está oculto con la propiedad hide() y el usuario no apreta sobre un submit, sino sobre un botón <span class="yes">Cambiar</span> no sé como realizarlo :S
Pego el código JS que tengo, mi problema cómo conseguir que el botón $('#cambiar_suscripcion span.yes') haga lo tiene que hacer!
Código Javascript:
Ver original
$(document).ready(function(){ $('#respuesta').hide(); $('#cambiar_suscripcion').hide(); $('#loginform').submit(function(evento){ $('#respuesta').hide(); evento.preventDefault(); var datos_formulario = $(this).serialize(); $.ajax({ url: '/libs/ajax/suscripcion_mail.php', data: datos_formulario, type: 'POST', dataType: 'json', success: function(datos){ $("#resultados").html(''); if (datos.error_code == 0){ $('#respuesta').html('<div class="ok_suscripcion"><p>'+datos.resultado+'</p></div>').fadeIn('slow'); }else if (datos.error_code == 3){ $('#suscripcion_categorias').hide(); $("#cambiar_suscripcion").delay(500);$('#cambiar_suscripcion').fadeIn(500); }else{ $('#respuesta').html('<div class="error_suscripcion"><p>'+datos.resultado+'</p></div>').fadeIn('slow'); } } }); }); $('#cambiar_suscripcion span.no').click(function(){ $('#cambiar_suscripcion').hide(); $('#suscripcion_categorias').delay(500);$('#suscripcion_categorias').fadeIn(500); }); $('#cambiar_suscripcion span.yes').click(function(){ // Enviar el formulario...... }); });
¿Se os ocurre alguna forma? se puede enviar un formulario oculto, no? :S
Muchas gracias de antemano!