Desabilitar Submit do Enter No Formulario

[Gilberto Jr 26]

Bom dia;

 

Eu estou com um probleminha. Eu um formulário de cadastro e se o cliente pressionar a tecla ENTER o mesmo faz o submit.

 

Eu queria desabilitar, e o enter só funcionar somente quando o foco estiver no batão de enviar dados.

 

Att;

[wilnet 92]

Olá Gilberto Jr, blza!

 

 

NOTA: Agora li melhor o que quer rsrrs, esse que passei é após Clicar no Submit, não bem isso que quer né?

 

Tente assim:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>

<script>
$(document).ready(function() {
$('input:submit').click(function(){
$('p').text("Aguarde...");
$('input:submit').attr("disabled", true);
return false;   
});
});
</script>

<form>
<input type="submit">
</form>

<p> </p>

Veja se esse exemplo te ajuda,

 

vlw

[Gilberto Jr 26]

Mas no código acima vc esta só chamando o jquery...

 

Att;

[wilnet 92]

Veja esse exemplo, é bem o que quer:

 

http://jsfiddle.net/uBH2t/1/

 

Espero ter ajudado,

 

vlw

[angelorubin 142]

Utilize event.preventDefault() - https://developer.mozilla.org/en-US/docs/Web/API/event.preventDefault

[Gilberto Jr 26]

Nesse caso Wilnet ele vai habilitar o enviar somente quando todos os campos estiver preenchido?

 

Att;

[wilnet 92]

Isso mesmo Gilberto,

 

Nesse LINK você pode fazer esse teste: http://jsfiddle.net/uBH2t/1/

 

Depois é só você adaptar para suas necessidades.

 

 

Se ficar melhor segue o code pronto aqui:

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script>

<script type='text/javascript'>
$(window).load(function(){
var inputs = $('input');
inputs.on('keyup', verificarInputs);

function verificarInputs() {
    var preenchidos = true;
    inputs.each(function () {
        if (!this.value) {
          preenchidos = false;
          return false;
        }
    });
    $('button').prop('disabled', !preenchidos);
}
});
</script>

<input type="text" />
<input type="text" />
<input type="text" />
<button type="button" id="botao" disabled="disabled">Botao</button>

Espero ter ajudado

 

vlw

[Gilberto Jr 26]

Mas Wilnet, isso funcionaria se todos os campos do meu formulário fossem obrigatório.

 

Mas tem alguns campos que não é obrigatório.

 

Att;

[wilnet 92]

Não faz sentido isso que você quer então.

 

1) Se no seu Form, já existe a Validação dos obrigatórios, o Botão Submit não irá funcionar mesmo, devido as validações. Então não faz sentido querer desabilitar o botão.

 

2) Porém, se estiver preocupado em alguém pular seu JavaScript e por isso quer Desativar seu Botão, tudo bem. ( Se isso acontecer, mesmo nesse caso a função para isso tb seria pulada )

 

Mas se você estiver usando PHP ou ASP, poderá além do JavaScript, fazer essa validação tb, assim você garantirá esses campos obrigatórios caso alguém pule seu JavaScript.

 

OBS: Quanto a seu Post #8 teria que pensar nessa lógica ainda.

 

vlw

[Gilberto Jr 26]

Então, conversando com o meu analista aqui chegamos a uma conclusão de como vamos fazer....

 

O que ele queria era o seguinte, queria que o botão ENTER quando fosse pressionado mudasse de campo e quando o foco estiver no botão ENVIAR quando fosse pressionado o ENTER ele enviar os dados.

 

Isso eu consegui fazer. Dai ele decidiu tirar essa função de mudar de campo com a tecla enter. Tirei mas ele falou que quando pressionava o enter em qualquer campo ele fazia o submit do formulario.

 

Decidimos que vou voltar a tecla enter quando pressionado mudar de campo. Assim o o submit vai funcionar com o enter somente quando o foco estiver no botão de enviar dados, ou se pressionar o enviar com o mouse.

 

Att;

[wilnet 92]

Blza então Gilberto rsrs,

 

Mas mesmo assim, faça sua validação no seu ASP tb, isso irá te garantir sua validação em um segundo plano.

 

vlw

[7Canim 0]

Ola, queria saber como você fez para o enter ir para o próximo campo, estou a 2 dias e não consigo fazer isso