11 de dezembro de 2006

Desabilita o(s) botão(ões) submit após o envio de formulário com Javascript

Drops, Javascript | 1 Comentário »
por Ricardo José Corrêa

Quem nunca teve o problema de receber vários e-mail de um formulário web por que alguem ficou clicando, desesperadamente, no botão enviar. Fora que o servidor trabalhar de forma desnecessária. O javascript deste artigo tem a função de desabilitar todos os botões tipo submit. Basta colocar o .js na página. É muito simples de usar.

disable_after_submit.js

////////////////////////////////////////////////////////////////
//////////////////////////// RjCorrêa //////////////////////////
/////Desabilita os botões submit após o envio de formulário/////
///////////////////////www.rjcorrea.com.br//////////////////////
////////////////////////////////////////////////////////////////
 
function disableAfterSubmit() {
if (document.getElementsByTagName) {
inputs = document.getElementsByTagName('input');
for (i = 0; i < inputs.length; i++) {
if (inputs[i].getAttribute('type') == 'submit'){
inputs[i].onclick = disableSubmit;
}
}
}
}
 
function disableSubmit() {
inputs = document.getElementsByTagName('input');
for (i = 0; i < inputs.length; i++) {
if (inputs[i].getAttribute('type') == 'submit'){
inputs[i].disabled = true;
}
}
}
window.onload = disableAfterSubmit;

Leia também:

  1. Abrir sempre o link externo em nova janela e marcar a tag com CSS
  2. Microformat: Hide / Show objects – div, ul etc.
  3. Capturar variável via método Get URL com Javascript
  4. Capturar texto da lista de menu <select> com Javascript
  5. Simplesmente XOXO

Você pode deixar um comentário, ou trackback de seu próprio site.

1 comentário para “Desabilita o(s) botão(ões) submit após o envio de formulário com Javascript”

  1. Mário falou:

    desabilita mais não envia!!!

Deixe um comentário