Garantir o não envio de 2 vezes o mesmo formulario.. Como?

[marina limeira 0]

ao apertar o botao enviar de um formulario, muita gente devido a conexao fica apertando varias vezes..

Evitando duplicidades de dados.

 

pensei uma maneira de resolver, assim que apertar uma vez o botao enviar ele fica desabilitado, e com o texto "Aguarde..."

 

Mas como eu faria isso ?

 

Daria certo ?

 

O que voce fez que ja funcionou e esta usando a um bom tempo ?

[hargon 64]

Sempre que você pensar em algo que tenha uma resposta rápida para o cliente sem precisar recarregar a página novamente, você precisará utilizar Javascript.

 

 

 

 

Movido de ASP http://forum.imasters.com.br/public/style_emoticons/default/seta.gif Javascript / DHTML

[andreia_sp 1]

Sim daria certo sim...

 

qdo você clicar no botao - evento onclick ou onsubmit a primeira coisa é desabilitar. Para isso use a função disabled setando para true.

Depois altere o value do botão para o texto que você quer que fique, no caso, "aguarde".

[marina limeira 0]

andrea e amigos

 

teria algum exemplo?

ja que nao conheco quase nada de javascript

 

obrigada

[DSerma 19]

EXEMPLOS

 

 

Abraços...

[andreia_sp 1]

Sempre faça uma pesquisa, o forum tem bastante coisa

http://forum.imasters.com.br/index.php?showtopic=274453

[programador php 0]

<input type="button" id="teste" value="teste" onclick="document.getElementById(this.id).disabled=true;" />

acho que ajuda!

[marina limeira 0]

Andreia

faço sempre as pesquisas antes, porem muitos estao incompletos e por exemplo:

inibe o botao ENVIAR porem nao envia os dados.. ai nao adianta né

 

o unico que funcionou foi fazendo assim:

 

<FORM name=form01 action=mail.asp method=post onSubmit="enviar.disabled=true;">

 

manda o formulario e inibe o botao ENVIAR http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

 

 

agora como fazer com que alem de inibir apareça a palavra "ESPERE...." ??

 

Penso em fazer:

<FORM name=form01 action=mail.asp method=post onSubmit="processa();">

 

e o codigo javascript antes tem:

 

CODE

<script language="javascript">

function processa()

{

enviar.disabled=true;

enviar.text="ESPERE....";

}

</script>

o que faltaria ?

[DSerma 19]

Falta um pouco de estudo sobre DOM...

 

De uma pesquisada sobre isso... caso tenha dificuldades em encontrar algo, basta pesquisar sobre "document.getElementById"...

 

Ai você da um id pro seu botão, e quando for clicado você o desabilita e troca o texto dele...

 

Abraços...

[marina limeira 0]

ate testei document.getElementById porem me falaram que é mais simples usar este recurso que funcionou..

 

sei pouco sobre javascript por isso que peço ajuda amigos :rolleyes:

 

neste meu caso como faria para trocar o texto do botao?

[DSerma 19]

1) Utilizar o DOM é MUITO mais simples do que a forma que você qr..

2) O bloco de JS q você postou está completamente incorreto...

 

Só vou dar UMA dica....

<script>
function Troca()
{
if(document.getElementById("botao").value == "Enviar")
{
document.getElementById("botao").value = "Aguarde..."
}
else
{
document.getElementById("botao").value = "Enviar"
}
}
</script>

<input type = "button" value = "Enviar" id = "botao" onClick="Troca()">

 

O resto é com você...

 

Abraços....

[marina limeira 0]

oi dark...

 

tenho tentado usar o que você fala

mas no primeiro ja deu erro de script e nao funcionou... e este

que você enviou por ultimo..

 

tambem nao deu certo

 

deu erro de script e nem ficou inativo nem mudou o texto...

 

o que faço ?

[DSerma 19]

Olha.. esse script funciona no FF e no IE.. sem nenhum erro...

 

Testou esse script do jeito que eu postei ou você adaptou ao seu caso ?

[marina limeira 0]

estei exatamente como postou

 

o botao tem que ter a propriedade name="botao" ??

 

pois o meu nao tem nome

[DSerma 19]

Impossivel dar erro com esse sript....

 

Se você só copiou e colou ele.. te digo com 100% de certeza que ele nao da erro...

 

Posta o código que você copiou... ou que você testou...

[marina limeira 0]

fiz exatamente como disse

<script language=JavaScript>

function Troca()

{

if(document.getElementById("botao").value == "Enviar")

{

document.getElementById("botao").value = "Aguarde..."

}

else

{

document.getElementById("botao").value = "Enviar"

}

}

</SCRIPT>

e no botao: <input type="submit" name="" value="ENVIAR" id = "botao" onclick="troca()">

 

e nada de funcionar.. nem fica desabilitado como no onsubmit...

 

sera que nao tem outra forma?

[DSerma 19]

Javascript é Case Sensitivity.... logo a função está com t maiusculo e na linha do botão está com t minusculo....

 

Ou seja... você NAO copiou corretamente o exemplo que te passei...

 

Preste um pouco mais de atenção antes de dizer que algo nao funciona...

[marina limeira 0]

certo.. valeu a bronca...

 

mas nao deu certo.. preciso que o formulario nao seja enviado 2 vezes se apertar 2 vezes no botao..

 

entao tentei

CODE

<script language=JavaScript>

function troca()

{

if(document.getElementById("botao").value == "ENVIAR")

{

 

document.getElementById("botao").value = "AGUARDE...";

document.getElementById("botao").disabled = true;

 

}

else

{

document.getElementById("botao").value = "ENVIAR"

}

}

</SCRIPT>

 

Porem,

o botao fica desabilitado e o formulario nao processa...

[DSerma 19]

Se fica desabilitado já é um começo....

 

Então agora o problema é q ele nao envia... certo ???

 

Poste o código da tag form e do botão q está fazendo o envio...

 

Abraços...

[marina limeira 0]

segue o que pediu:

 

CODE

<input type="submit" name="" value="ENVIAR" id = "botao" onclick="troca()">

 

 

 

CODE

<FORM name=form02 action=processar.asp method=post >