llamadas ajax se duplican al cerrar el modal

[wilmer30]

Buenas gente,

Tengo un formulario de suscripción, el cuál se procesa mediante ventanas modales y AJAX, mi problema es que cuando hago la primera suscripción todo resulta bien, pero al cerrar el modal y volver a clickar sobre el mismo boton de suscribir, en el firebug se ejecutan 2 llamadas AJAX y obviamente los mensajes me duplican los mensajes de error y ayuda.

Pienso que al cerrar debería refrescar el formulario de suscripción, pero la idea es que los datos aún se mantengan en el formulario, donde solo pueda modificar algúno parámentros y continuar con la suscripcuón.

Agradezco cualquier comentario.

[xfxstudios]

podrias motras el codigo a ver, adivinar cuesta mucho tiempo, aunque te adelando que podrias utilizar un jquery como steeps y asi hacer un laaaargo formulario en un mismo modal y realizar un solo envío de toda la informacion

[wilmer30]

Gracias por tu respuesta,

Código Javascript:

$("#openModal").click(function() {
                if($("#wname").val() == '' || $("#lname").val() == '' || $("#wmail").val() == ''){
                    $('#message-error').html("Los campos no pueden estar vacios");
                    return;
                }
                $("#message").empty();
                var regex = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/;
 
                if (regex.test($('#wmail').val())) {
 
                                $('#myModal').modal('show');
 
                                $('#fin_coach_acept').click(function(event){
                                    $('.whmessage').empty();
                                    $('#message').empty();
                                    datos['usu_nombre'] = $("#wname").val();
                                    datos['usu_apellido'] = $("#lname").val();
                                    datos['pa_id'] = 32;
                                    datos['usu_fechanacimiento'] = '';
                                    datos['sexo'] = $("#sexo_e").val();
                                    datos['firma'] = '';
                                    datos['mail'] = $("#wmail").val();
                                    datos['intereses'] = '';
                                    datos['rol_id'] = 2;
                                    datos['pa_residencia'] = '';
                                    datos['curso'] = $(".whcursos").val();
                                    datos['contmin'] = $("#contmin").val();
                                    datos['contper'] = $("#contper").val();
                                    console.log(JSON.stringify(datos));
                                    $.ajax({
                                        type: "POST",
                                        url: "<?php echo home_url(); ?>/wssetcoach.php",
                                        data: {datosw: JSON.stringify(datos)},
                                        success: function(res){
                                            if(res == 'logrado'){
                                                $("#message").append("<span style='color:#76292F;'>Usted ya se encuentra registrado como Facilitador con: "+ $("#wmail").val() + "</span>");
                                            } else {
 
                                                $('.whmessage').append("<p>¡Gracias por registrarte! la cuenta de correo:</p><p>"+$("#wmail").val()+"</p>");
                                                $('#final').modal('show');
                                                $('#finalize').click(function(event){
                                                    $(location).attr('href', 'http://www.xxxxx.xxx/active/');
                                                });
                                                $('#myModal').modal('hide');
                                                $('#final').modal('show');
                                                $('#coach_cancel').click(function(event){
                                                    $('#facilitadorini').modal('hide');
                                                    $('#myModal').modal('show');
                                                });
                                            }
                                        }
                                    });
                                });
                } else {
                    $('#message-error').html("El correo no es válido");
                    return;
                }
            });
 

Gracias por tu ayuda, revisare esto de los steeps.

[wilmer30]

Al parecer, lo que hace es mantener en memoria las ventanas modales que se abre clickando en cada botón, Si te das cuenta dependiendo de cada modál y cada enlace que el usuario dese clickar puede abrir otro modal. Pero cuando cierre la ventana este en realidad no se borra de memoria, he usado:

Código Javascript:

$(".close").click(function(){
    $('#studentini').remove();
});
 

Por ejemplo esto borraría si es que se abrío una ventana modal $('#studentini').remove(); sin embargo al hacer un click en el botón de suscripción, nuevamente me llama las mismas ventanas modales y obviamente como están dentro cada llamda ajax, las vuelve a llamar pero duplicandolos.