Desabilitar Botão

[Guest - davidmg -]

Olá galera,

Tenho um form de contato e queria o seguinte: que quando o usuário clicar no botão ENVIAR, o mesmo seja desabilitado e que mude o texto dele de ENVIAR para AGUARDE ENVIANDO.....entenderam.

Quero fazer isso porque tem usuarios que clicam 2x daí recebo 2 msg iguais.

alguém pode me dar um help?

Abraços...

[davidmg]

Esse aí em cima sou eu, esqueci de logar...abraços.

[Crystian]

<input type="submit" name="Enviar" onclick="this.name = 'Aguarde'; this.disabled = true;">

vê se funciona...

Abraço

Crystian

[davidmg]

<input type="submit" name="Enviar" onclick="this.name = 'Aguarde'; this.disabled = true;">

vê se funciona...

Abraço

Crystian

Oh Crystian blzzzz grande!

Esqueci de dizer: meu botao já tem um onClick que valida o form, ele tá assim:

<input type="button" value="Enviar Contato" onClick="JavaScript:Incluir(contato);" name="B1" style="color: #000000; font-family: Verdana; font-size: 8 pt; border: 1px solid #000000; background-color: #FFBE5E">

tem como adaptar o seu codigo ao meu?

Valewwwww

[Crystian]

<input type="button" value="Enviar Contato" onClick="JavaScript:this.name = 'Aguarde'; this.disabled = true;Incluir(contato);" name="B1" style="color: #000000; font-family: Verdana; font-size: 8 pt; border: 1px solid #000000; background-color: #FFBE5E">

Testa aí e vê se dá certo..

Abraço

Crystian

[davidmg]

<input type="button" value="Enviar Contato" onClick="JavaScript:this.name = 'Aguarde'; this.disabled = true;Incluir(contato);" name="B1" style="color: #000000; font-family: Verdana; font-size: 8 pt; border: 1px solid #000000; background-color: #FFBE5E">

Testa aí e vê se dá certo..

Abraço

Crystian

Amigo ele desabilitou certinho o botao após ser clicado, mas tem um problema:

Se todos os campos não estão preenchidos, ele dá a mensagem que falta tal campo e volta para o formulario pro usuario acabar de preencher, mas daí o botão continuou desabilitado, não deixando o usuario clicar mais....

Grato....

[Rob_g2*6(sic)6]

Coloca ai o seu script de validar o formulário ..... !!!

[davidmg]

Ta aí meu script que valida o form:

<script language="JavaScript">
  <!--
  	
  	function Incluir(varForm){
    if (varForm.nome.value == ""){
    	window.alert ("O campo Nome é obrigatório!");
    	varForm.nome.focus();
    	return false;
    }
    if (varForm.cidade.value == ""){
    	window.alert ("O campo Cidade é obrigatório!");
    	varForm.cidade.focus();
    	return false;
    }
    if (varForm.uf.value == ""){
    	window.alert ("O campo Uf é obrigatório!");
    	varForm.uf.focus();
    	return false;
    }
    if (varForm.email.value == ""){
    	window.alert ("O campo E-mail é obrigatório!");
    	varForm.email.focus();
    	return false;
    }
    else{
    	if (varForm.email.value.search("@") == -1 || varForm.email.value.search("[.*]") == -1){
      window.alert ("O e-mail não é válido!");
      varForm.email.focus();
      return false;
    	}
    }
    if (varForm.assunto.value == ""){
    	window.alert ("O campo Assunto é obrigatório!");
    	varForm.assunto.focus();
    	return false;
          }
    if (varForm.mensagem.value == ""){
    	window.alert ("O campo Mensagem é obrigatório!");
    	varForm.mensagem.focus();
    	return false;
    }
    varForm.submit();
    
    }

  -->
  </script>

Abraços...

[Crystian]

habilita e troca o nome do campo na tua função que faz a validação. Se der pau tu habilita e troca o valor do botão. Simples...

Abraço

Crystian

[davidmg]

habilita e troca o nome do campo na tua função que faz a validação. Se der pau tu habilita e troca o valor do botão. Simples...

Abraço

Crystian

não entendi, como faço?

É q não manjo quase nada de javascript

Valewww

[Crystian]

<script language="JavaScript">
 <!--

  function Incluir(varForm){
   var ret = new Boolean(true);
   if (varForm.nome.value == ""){
    window.alert ("O campo Nome é obrigatório!");
    varForm.nome.focus();
    ret = false;
   }
   if (varForm.cidade.value == ""){
    window.alert ("O campo Cidade é obrigatório!");
    varForm.cidade.focus();
    ret = false;
   }
   if (varForm.uf.value == ""){
    window.alert ("O campo Uf é obrigatório!");
    varForm.uf.focus();
    ret = false;
   }
   if (varForm.email.value == ""){
    window.alert ("O campo E-mail é obrigatório!");
    varForm.email.focus();
    ret = false;
   }
   else{
    if (varForm.email.value.search("@") == -1 || varForm.email.value.search("[.*]") == -1){
     window.alert ("O e-mail não é válido!");
     varForm.email.focus();
     ret = false;
    }
   }
   if (varForm.assunto.value == ""){
    window.alert ("O campo Assunto é obrigatório!");
    varForm.assunto.focus();
    ret = false;
         }
   if (varForm.mensagem.value == ""){
    window.alert ("O campo Mensagem é obrigatório!");
    varForm.mensagem.focus();
    ret = false;
   }
   if(ret == false) {
    varForm.B1.disabled = false;
    varForm.B1.value = 'Enviar';
   }
   varForm.submit();
   
   }

 -->
 </script>

cara arrumei o código pra ti, mas isso não é bom porque você não aprende e depois vai vir pedir de novo as mesmas dúvidas, estude um pouco JS q você vai ver q é bem interessante. (Aprendi isso com o Error404)

Abraço

Crystian

[davidmg]

Ok, vou usar esse codigo acima pra validar e no botao deixo o codigo q você passou antes?

Esse aqui ou tem q alterar algo nele?

<input type="button" value="Enviar Contato" onClick="JavaScript:this.value = 'Aguarde'; this.disabled = true;Incluir(contato);" name="B1" style="color: #000000; font-family: Verdana; font-size: 8 pt; border: 1px solid #000000; background-color: #FFBE5E">

Abraços...

[Crystian]

Isso mesmo... testa pra ver se funciona.... abraço

Crystian

[davidmg]

Isso mesmo... testa pra ver se funciona.... abraço

Crystian

Amigo, naõ deu certo, não deu nenhum erro, mas ele não validou. Deixei alguns campos sem preencher e ele até avisou que precisava prencheer os campos mas quando dei ok, ao invés de ele ir para os campos em branco ele enviou o form...

Valeu

[Crystian]

tah certo.... me esqueci de retornar falso...

acrescenta nesse if um return false;

if (ret == false) {
   varForm.B1.disabled = false;
   varForm.B1.value = 'Enviar';
   return false;
}

Abraço

Crystian