Verificar cambios en formulario fuera de submit

z24charly · #1 (**permalink**) 27/10/2006, 00:00

Hola

Necesito ayuda acerca de como hacer lo siguiente:

Necesito que al cargar un formulario con datos me detecte si el usuario ha cambiado datos y está haciendo clic en algún otro enlace pero sin hacer clic en submit para guardar los datos, esto con la finalidad de preguntarle si desea perder sus cambios con un confirm(), si le dá "Cancelar", símplemente que ignore el clic que haya hecho sobre el enlace externo, lo estoy tratando con un

<body onunload="return VerificaDatos();">

pero no encuentro como hacer para que no cambie de página cuando el usuario hace clic en "Cancelar"

Espero puedan asesorarme.

Saludos

Atte
z24charly

isaacluz · #2 (**permalink**) 27/10/2006, 01:53

Saludos.
Alguna vez me encontré con el mismo problema, y hacer un onUnload o un onBeforeUnload no funciona, porque a fin de cuentas si le dan submit a la forma, el evento onUnload se disparará de todos modos.

Lo mas factible seria que a cada link le pusieras un

Código:

onClick="return VerificaDatos()";

para que verificara los campos de tu forma, pero si por alguna razón es demasiado engorroso cambiar todos los links, aqui te pongo un script de ejemplo para añadir el evento onClick a todos los links de tu pagina

Date cuenta de que el segundo script está al final del documento, si lo pones antes no leerá todos los links de tu pagina

Código HTML:

<html>
<script>
function VerificaDatos(){
     // AQUI EN VEZ DE ESTO HAS LA COMPROBACIÓN DE LOS CAMPOS DE TU FORMA
    AlgoHaCambiado = true;
    ////////////////////////////////////////////////////////////////////
    // ESTA ES LA CONFIRMACION FINAL
    if(AlgoHaCambiado){
        return confirm('Esta seguro de que desea salir sin guardar sus cambios?');
    }else{
        return true;
    };
};
</script>
<body >
<a href="http://forosdelweb.com">Link 1</a><br>
<a href="http://google.com">Link 2</a><br>
<a href="http://isaacluz.com">Link 3</a>
<script>    
    // OBTENEMOS EL ARRAY DE LOS ENLACES EN LA PAGINA
    Enlaces = document.links;
    // A CADA ENLACE LE PONEMOS LA FUNCION PARA VERIFICAR LOS DATOS
    for(i=0;i<Enlaces.length;i++){
        Enlaces[i].onclick =function(){return VerificaDatos()};
    };
    
    
</script>

</body>
</html>

z24charly · #3 (**permalink**) 27/10/2006, 12:32

Me parece buena la solución, solo otra pregunta, sabes si hay algún método o algo en javascript que me detecte cuando se está tratando de cerrar la ventana del explorador ?

Saludos

Atte:
z24charly

isaacluz · #4 (**permalink**) 27/10/2006, 12:42

onBeforeUnload