Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Webmater Felipe Edwards

Submit Automatico

Por , em Javascript

Recommended Posts

Webmater Felipe Edwards    0

Webmater Felipe Edwards
Postado

Olá Pessoal tudo bem ?

 

Gostaria de saber uma informação, creio que para vocês é muito simples para mim se torna complicado um pouco. É o seguinte;

 

Tenho um formulário com um único campo do tipo "Text".

 

Gostaria que, quando digitado um total de 12 Dígitos nesse campo, ele automaticamente fizesse um submit automático, enviando os valores para outra página.

 

Acredito que isso é possível em javascript.

 

A Página que irá receber os dados estará em php(ai já é outra história) o que realmente preciso é saber, fazer com que, esse campo envie automaticamente os 12 digitos, como se eu tivesse clicado em um botão enviar.

 

o código é o seguinte

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[url=http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd]http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd [/url]">
<html xmlns="[url=http://www.w3.org/1999/xhtml]http://www.w3.org/1999/xhtml [/url]">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Software</title>
</head>
 
<body>
<form id="form1" name="form1" method="post" action="">
  <table width="313" border="0" align="center">
    <tr>
      <td align="center"><input type="text" name="codigo" id="codigo" /></td>
    </tr>
    <tr>
      <td align="center">Digite o número do seu registro acima.</td>
    </tr>
  </table>
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

William Bruno    1501

William Bruno
Postado

basta ouvir algum dos eventos onkeyup, onkeydown ou onkeypress verificando a quantidade de caracteres, com um:el.value.length, e assim que chegar aos 12, vc dispara um form.submit()

Compartilhar este post

Link para o post
Compartilhar em outros sites

Bru_ce    53

Bru_ce
Postado

Basta seguir o que o william disse ..

 

Segue um exemplo, veja se resolve o seu problema.

 

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script>
$(function(){
$("#campo").keypress(function(){
var valor = $(this).val().length;
if(valor == 12){
alert("Você atingiu a quantidade de "+valor+ " digitos\nO formulário será enviado!");
$("#formulario").submit();
}
});
});
</script>
</head>
 
<body>
<form id="formulario" method="post" action="cadastro.php">
<input type="text" id="campo" />
</form>
</body>
</html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

Webmater Felipe Edwards    0

Webmater Felipe Edwards
Postado

Obrigado Pessoal, consegui resolver o problema.

 

Agradeço muito aos amigos;

  • Bru_ce
  • Julio Azevedo_32453
  • cristianoolv

Testei todos os comandos e funcionarão perfeitamente. Fiquei muito feliz em ter a ajuda de todos vocês.

Um forte abraço amigos e tamo junto no mundo galera vlw.

 

:coolio:

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito