Desactivar botón de formulario al darle clic

[tavirus]

Hola, ´debido a que queria poner una encuesta, y al dar varios clicks en el boton VOTAR contaban como votos, me puse a buscar la solucion, no la encontre, pero despues de casualidad vi una web y al darle clic an boton enviar se desactivo, alguien me puede decir como hacer esto??

[Telematic]

uhmmm no entiendo, ¿podrías explicarte un poquito mejor amigo? Digo, para poder ayudarte...

[JavierB]

Hola, tavirus.

Sería algo como esto:

<input type="button" value="Votar" onClick="this.disabled=true">

Saludos,

[tunait]

[freedatos]

pero es que eso no envia el form solo se descativa donde esta el problema ?

[KarlanKas]

Prueba con esto:

<form action="destino.html" onsubmit="document.forms['pepe']['enviar'].disabled=true;" name="pepe">
¿Quieres que vuelvan las mamachicho?
<input type="radio" value="si" name="mamachicho">Sí<br>
<input type="radio" value="no" name="mamachicho">No<br>
<input type="submit" name="enviar" value="votar">
</form>

Dime si te sirvió!

[hyperjumbo]

y si yo por ejempo en mi form tengo un onsubmit como junto los dos?

este
onsubmit="document.forms['pepe']['enviar'].disabled=true;"

con este
onsubmit="if(usuario.value=='')usuario.value='Anón imo'"

[David]

Me temo que hacerlo en el onsubmit no va a funcionar ya que la página se va a recargar o se enviará a otra página y al volver a la página del voto aparecerá habilitada nuevamente. Tal vez una forma un poco más compleja sería en el servidor no permitir varios votos desde la misma IP y desactivar el botón en caso de que la IP que hace la petición ya esté en la base de datos.

[hyperjumbo]

Hola David, gracias por responderme, bueno, te comento, en mi caso, mi form es de un libro de visitas. Ese onsubmit que hace el mio, permite colocar el nombre de usuario ANONIMO en caso de que el visitante deje el campo vacio. pero como es en una popup donde esta el form, cuando el usuario da clic en el form, vuelve a dar clic nuevamente y envian el mensaje dos veces y eso quisiera evitarlo.. pense que desactivando el boton enviar despues de darle clic seria la solución.

que me aconsejas?

[KarlanKas]

Hay una forma más sencilla:
En el head:
<script>
function validar(f){
f.enviar.value="Por favor, espere";
f.enviar.disabled=true;
f.usuario.value=(f.usuario.value=="")?"Anónimo":f. usuario.value;

return true}
</script>

En el form:

<form action="destino.php" onsubmit="return validar(this)">
....

Y recuerda que el botón submit debe tener como name "enviar".

Un saludo!

[David]

Es un comportamiento extraño, habrá que revisarlo .

Bueno, en ese caso te sirve la solución de nuestro amigo extraterrestre KarlanKas (). Solo tendrás que separar las instrucciones usando el ;

EDITO: Lo siento por el choque . Eso me pasa por contestón .

[KarlanKas]

Jeje! Menudo golpetazo!

Qué grande eres, David!

[hyperjumbo]

amigos gracias! KarlanKas gracias funcionó perfecto! las dos funciones que necesitaba.

muchas gracias :D

[KarlanKas]

De nada!