[SOLUCIONADO] Aviso si hay cambios en el formulario antes de cerrar o cambiar opcion de menu

[franjgg]

Hola amigos,

Vereis he hecho esta pregunta en el foro de javascritp pero parece ser buscnado en internet que seria mas factible hacerlo con jquery.

Bueno vereis necesito hacer que si un usuario entre en el formulario hace algun cambio sin guardar y cambia a otra opcion del menu o intenta cerrar la pagina, le muestre un mensaje indicando que los cambios no se guardaran.

He buscando bastante en internet pero no encuentro nada.

A ver si alguien conoce como se podria hacer esto

Un saludo!

[franjgg]

Amigos he encontrado este codigo y funciona, la cosa es que tambien me muestra el mensaje al pulsar el boton de submit, como podria modificarlo para que no lo muestre al enviar el form?

Código Javascript:

$(document).ready(function() 
{
    var warn_on_unload="";
    $('input:text,input:checkbox,input:radio,textarea,select').one('change', function() 
    {
        warn_on_unload = "Leaving this page will cause any unsaved data to be lost.";
 
        $('#submit').click(function(e) { 
            warn_on_unload = "";}); 
 
            window.onbeforeunload = function() { 
            if(warn_on_unload != ''){
                return warn_on_unload;
            }   
        }
    });
});
 

A ver si alguien tiene idea.

Un saludo!

[Panino5001]

Fijate si te sirve como idea:
http://www.forosdelweb.com/3614147-post7.html

[franjgg]

Hola panico que tal! gracias por tu atencion,

He visto el ejemplo y creo que entiendo lo que esta haciendo, poner a 0 ns.confirmar=0 cuando pulsas el link, pero no como puedo adaptar esto en un sumbit de un formulario para que no lance el mensaje

Un saludo y gracias de nuevo

[franjgg]

Amigo lo he modificado asi:

Código Javascript:

$(document).ready(function () 
{
 
var warn_on_unload = "";
    
    $('input:text,input:checkbox,input:radio,textarea,select').one('change', function() 
    {
        warn_on_unload = "Si sale de la pagina, no se guardaran los datos, guarde los datos antes de abandonar la pagina.";
 
 
var ns={confirmar:1}
window.onbeforeunload = function(){
    if(ns.confirmar){
        return 'chau';    
    }
}
    });
});
 

y en el submit:

<input class="Boton_blue" class="submit" type="submit" onclick="ns.confirmar=0" name="enviar_misdatos" value="Guardar"/>

Pero sigue preguntando al pulsarlo

[franjgg]

Nadie me echa una manilla??

[franjgg]

Al final pude solucionarlo asi:

Código Javascript:

<script type="text/javascript">
 
$(document).ready(function() 
{
    var warn_on_unload="";
    $('input:text,input:checkbox,input:radio,textarea,select').one('change', function() 
    {
        warn_on_unload = "Si sale de la pagina, no se guardaran los datos, guarde los datos antes de abandonar la pagina.";
 
        $('#submit').click(function() { 
            warn_on_unload = "";}); 
 
        $('#submit1').click(function() { 
            warn_on_unload = "";});  
 
        $('#modificar_direcciones').click(function() { 
            warn_on_unload = "";}); 
 
        $('#eliminar_direcciones').click(function() { 
            warn_on_unload = "";}); 
 
        $('#guardar_direcciones').click(function() { 
            warn_on_unload = "";});                                             
 
            window.onbeforeunload = function() { 
            if(warn_on_unload != ''){
                return warn_on_unload;
            }   
        }
    });
});
</script>