evitar enviar dos veces mismo form

gylle05 · #1 (**permalink**) 10/08/2012, 10:20

Buenas amigos...lo ke kiero hacer es evitar ke el usuario haga dos veces click en el boton submit...es decir cuando presiona una vez se deshabilita el boton y recarga la pagina....se ke hace años ubo un post sobre esto....he probado la soluciones ke dieron y no me sirve por lo siguiente:
cuando yo recargo la pagina pregunto por mi boton en php ej.
if($_POST['boton']=='Enviar')
{

//codigo php
}

<input type="submit" value="Eniviar" name="boton" >

el tema esta ke si yo deshabilito el boton y luego recargo la pagina el $POST['boton'] pasa de largo como si no lo hubiese apretado...se entiende??? por ke busco y busco y no lo puedo solucionar
Gracias!!!

gylle05 · #2 (**permalink**) 13/08/2012, 10:19

Por fa alguien ke me ayude :(

Dradi7 · #3 (**permalink**) 13/08/2012, 11:03

Prueba con esto no entiendo mas o menos lo que necesitas

espero que esto te sirva

Código Javascript:

Ver original<?php
    $des = '';
    if($_POST){
        $des = 'disabled = "disabled"';
    }
?>
<form method="POST">
<input type="text" value="Enviar" name="name"/>
<input type="submit" value="Procesar" id="other" name="other" <?php echo $des; ?>/>
</form>

gylle05 · #4 (**permalink**) 13/08/2012, 16:53

Je muchas gracias pero eso me deshabilita el boton al hacer del submit y no es lo ke busco...para ser mas claro al presionar mi boton de enviar el servidor se tarde 10 segundo en refrescar la pantalla y hacer el submit, en estos 10 segundos el usuario puede presionar varias veces el boton enviar...yo lo ke kiero es evitar esto....entonces al hacer el primer clik, deshabilite el boton y ke el servidor se tome su tiempo para pensar...el tema ke si deshabilito el boton me ignora la instruccion $_POST['boton']=='Enviar'

ocp001a · #5 (**permalink**) 13/08/2012, 19:03

Te agradecería escribir correctamente, es difícil leer así.

Lo que quieres es sencillo, debes agregar un evento en el botón del formulario:

<input type="submit" value="enviar" onclick="this.disabled=true;">

gylle05 · #6 (**permalink**) 14/08/2012, 18:07

gracias por tu respuesta...como sera de sencillo ke no funciona ja...no realiza el submit...alguna otra idea!!!!

Dradi7 · #7 (**permalink**) 14/08/2012, 18:53

Pero entonces en tu formulario en el evento onsubmit pones asi

Código HTML:

Ver original<form name="myform" id="myform" onsubmit="document.forms["myform"].elements["mysubmit"].disabled = true; return true;">
</form>

gylle05 · #8 (**permalink**) 15/08/2012, 06:24

Gente muchas gracias por sus propuestas lamentablemente no lo puedo solucionar....al parecer cuando yo deshabilito mi boton y recrago la pagina, el $_POST de mi boton desaparece....es como si no existiera si esta deshabilitado. Quizas no se pueda hacer lo ke yo busco :(

emprear · #9 (**permalink**) 15/08/2012, 10:14

La forma más efectiva es usar un captcha que trabaje con sesiones
Demo
http://foros.emprear.com/php/captcha...atir-de-un-gif
Otra sería usar ajax, pero estás expuesto a que javascript esté desactivado

form.html

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Form x Ajax</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
 
var rootdomain="http://"+window.location.hostname;
function cargarAjax(url,divAjax,idformulario){
    // Recogemos los valores del form
    var elNombre = document.getElementById('nombre').value;
    var elApellido = document.getElementById('apellido').value;
    //construís la query
    var parametros = "?nombre="+elNombre+"&apellido="+elApellido;   
 
 
 
var contenidoAjax = false;
if(window.XMLHttpRequest) {
contenidoAjax = new XMLHttpRequest();
}else if(window.ActiveXObject) {
contenidoAjax = new ActiveXObject("Microsoft.XMLHTTP");
}else{
alert('Su navegador no soporta Ajax');
}
 
contenidoAjax.onreadystatechange=function(){
cargaPagina(contenidoAjax,divAjax,idformulario);
}
    contenidoAjax.open('GET', url+parametros, true);
    contenidoAjax.send(null);
    }
    
    
    function cargaPagina(contenidoAjax,divAjax,idformulario){
            if(contenidoAjax.readyState == 4 && (contenidoAjax.status==200 || window.location.href.indexOf("http")==-1)){
                document.getElementById(divAjax).innerHTML="Gracias <b>" + contenidoAjax.responseText + "<\/b><br \/>el formulario fue procesado";
                //Reseteas y ocultás el form
                document.getElementById('nombre').value = "";
                document.getElementById('apellido').value = "";
                document.getElementById(idformulario).style.display = "none";
                }
            }
                
//]]>
</script>
</head>
<body>
<div>
<form action="#" id="formulario1">
<input type="text" value="" id="nombre" name="nombre" autocomplete="off"/><br />
<input type="text" value="" id="apellido" name="apellido" autocomplete="off"/><br />
<input type="button" value="procesar" onclick="cargarAjax('nombre.php','mensaje','formulario1')" />
</form>
</div>
<div id="mensaje">
</div>
</body>
</html>

nombre.php

Código PHP:

Ver original<?php
echo $_GET['nombre'] . " " . $_GET['apellido'];
?>

Te aclaro que este segundo ejemplo no tiene incluida ningún tipo de validación.

En este otro ejemplo combino ambas cosas
http://foros.emprear.com/php/demo-form-ajax-captcha/
la diferencia es que para darle algunosefectos, en lugar de usar javascript puro para el envío x Ajax. utilicé jQuery

Saludos

Dradi7 · #10 (**permalink**) 15/08/2012, 10:47

Cita:

Iniciado por emprear

La forma más efectiva es usar un captcha que trabaje con sesiones
Demo
http://foros.emprear.com/php/captcha...atir-de-un-gif
Otra sería usar ajax, pero estás expuesto a que javascript esté desactivado

form.html

Código HTML:

Ver original<!DOCTYPE html>
<html lang="es-ar">
<head>
<meta charset="utf-8" />
<title>Form x Ajax</title> 
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 
<script type="text/javascript">
//<![CDATA[
 
var rootdomain="http://"+window.location.hostname;
function cargarAjax(url,divAjax,idformulario){
    // Recogemos los valores del form
    var elNombre = document.getElementById('nombre').value;
    var elApellido = document.getElementById('apellido').value;
    //construís la query
    var parametros = "?nombre="+elNombre+"&apellido="+elApellido;   
 
 
 
var contenidoAjax = false;
if(window.XMLHttpRequest) {
contenidoAjax = new XMLHttpRequest();
}else if(window.ActiveXObject) {
contenidoAjax = new ActiveXObject("Microsoft.XMLHTTP");
}else{
alert('Su navegador no soporta Ajax');
}
 
contenidoAjax.onreadystatechange=function(){
cargaPagina(contenidoAjax,divAjax,idformulario);
}
    contenidoAjax.open('GET', url+parametros, true);
    contenidoAjax.send(null);
    }
    
    
    function cargaPagina(contenidoAjax,divAjax,idformulario){
            if(contenidoAjax.readyState == 4 && (contenidoAjax.status==200 || window.location.href.indexOf("http")==-1)){
                document.getElementById(divAjax).innerHTML="Gracias <b>" + contenidoAjax.responseText + "<\/b><br \/>el formulario fue procesado";
                //Reseteas y ocultás el form
                document.getElementById('nombre').value = "";
                document.getElementById('apellido').value = "";
                document.getElementById(idformulario).style.display = "none";
                }
            }
                
//]]>
</script>
</head>
<body>
<div>
<form action="#" id="formulario1">
<input type="text" value="" id="nombre" name="nombre" autocomplete="off"/><br />
<input type="text" value="" id="apellido" name="apellido" autocomplete="off"/><br />
<input type="button" value="procesar" onclick="cargarAjax('nombre.php','mensaje','formulario1')" />
</form>
</div>
<div id="mensaje">
</div>
</body>
</html>

nombre.php

Código PHP:

Ver original<?php
echo $_GET['nombre'] . " " . $_GET['apellido'];
?>

Te aclaro que este segundo ejemplo no tiene incluida ningún tipo de validación.

En este otro ejemplo combino ambas cosas
http://foros.emprear.com/php/demo-form-ajax-captcha/
la diferencia es que para darle algunosefectos, en lugar de usar javascript puro para el envío x Ajax. utilicé jQuery

Saludos

Bueno lo de sesiones como mencionas es una buena idea pero de ahí a usar captcha no lo se (no digo que no cumple lo que se pide), ya que por ejemplo que sea un simple formulario de registrar dos campos no creo que sea necesario poner captcha para simplemente poder no realizar varios submit consecutivos.

Ademas como menciona el compañero de arriba si tu captcha o ajax tiene un tiempo de retardo de 10 segundos yo podria hacer varios click o submit al mismo tiempo.

emprear · #11 (**permalink**) 15/08/2012, 11:25

Yo le estoy dando un método seguro, no uno cómodo y que pueda ser deshabilitado por el cliente.
Una vez que haya aprendido a hacerlo, implementarlo en formularios posteriores es muy sencillo.
@gylle05 no menciona en ningún momento que tipo de datos y cual es la importancia de los mismos.

Claudio_Abasolo · #12 (**permalink**) 04/10/2012, 23:00

Yo resolví ese problema copiando este código que encontré en una página.

Reemplaza el código del botón por este:

HTML

Cita:

Espero que te sea util, me inscribí en el foro porque vi tu duda y mi solución fue esa, y me costó mucho encontrarla también.

Saludos

herrickanderson · #13 (**permalink**) 24/09/2013, 07:28

hola que tal, alguien prodria ayudarme, necesito saber cuando presiono un boton en php pero sin enviar el form, algo asi como no recargarlo cuando presiono en boton, agradesco su respuesta.