¿Como bloquear F5 durante un submit?

[koy]

Saludos, mi problema es el siguiente:

Cuando quiero guardar los datos de mi formulario, hago click en el botón guardar de mi barra de herramientas, esta llama a una función que hace una serie de validaciones y al final hace submit. El problema se presenta cuando el usuario oprime la tecla F5 varias veces durante el submit, por cada vez que la oprime se crea un nuevo registro en mis tablas.

Cabe destacar que en mi formulario tengo una validacion (que conseguí en la web) que efectivamente impide que ocurra un refresh de pantalla cuando se oprime la tecla F5, pero solamente funciona mientras no ocurra el submit.

Lo otro que debo destacar es que el navegador que debo utilizar (obligatoriamente) es Firefox.

¿Alguien tiene alguna sugerencia? creo que algo ocurre durante el submit que le hace ignorar los eventos de teclado.

[Dradi7]

Bueno

esta es una forma de hacerlo en JavaScript con PHP tambien puedes hacerlo pero ya en PHP lo unico que harias seria que no te inserte varias veces.

Código Javascript:

if(window.attachEvent){
        document.attachEvent("onkeydown",function(){
            switch (event.keyCode) { 
                case 116 : //F5 button
                    event.returnValue = false;
                    event.keyCode = 0;
                    return false; 
                case 82 : //R button
                    if (event.ctrlKey) { 
                        event.returnValue = false; 
                        event.keyCode = 0;  
                        return false; 
                    }
            }
        });
    }else{
        document.addEventListener("keydown",function(){
            switch (event.keyCode) { 
                case 116 : //F5 button
                    event.returnValue = false;
                    event.keyCode = 0;
                    return false; 
                case 82 : //R button
                    if (event.ctrlKey) { 
                        event.returnValue = false; 
                        event.keyCode = 0;  
                        return false; 
                    }
            }
        });
    }
 

Con esto deshabilitamos el F5 y la Tecla Ctr + R (bueno en realidad la R)

[Prais]

Realiza la inserción de los datos fuera de la pagina del formulario, hay muchas formas de hacerlo (mediante Ajax, Jquery).

La idea es que envíes tus datos, otro archivo haga la inserción y si todo anda bien devuelves el mensaje de éxito.

Saludos

[koy]

Dradi7, el problema persiste, al oprimir F5 durante el submit continúa insertando registros de mas. Creo que voy a tener que rehacer el formulario y usar Ajax.

[Prais]

Iniciado por koy

Creo que voy a tener que rehacer el formulario y usar Ajax.

Hola, NO entiendo por que te complicas en rehacer el formulario, si este es independiente de como trates los datos ingresados.

te simplifico mas el tema:

No uses Ajax, ni Jquery (si es que te complica), simplemente en el action del formulario apunta a un archivo que capture via POST todos los datos del formulario y luego realice la insercion, Una vez insertado. le aplicas un Header para redirigir al usuario.

Pdta. NO creo que bloqueando el f5 consigas mucho... ya que siempre habrá forma de actualizar y esa solución no es nativa de nada.