Ir para conteúdo

POWERED BY:

Arquivado

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

Gilberto Jr

Chamando Submit do Formulario

Por , em Javascript

Recommended Posts

Gilberto Jr    26

Gilberto Jr
Postado

Boa tarde;

 

Eu estou fazendo um sistema de ponto. O numero da matricula do funcionário tem 5 dígitos.

 

Gostaria que quando o funcionário digitasse o numero e e chegasse ao 5º digito o sistema chamasse o submit do formulário.

 

Ou seja, no campo input type="text" quando chegasse a 5 digito que foi digitado o sistema desse enter automaticamente ao ives do funcionário pressionar o botão "ENTER".

 

É possível fazer isso?

 

Att;

Compartilhar este post

Link para o post
Compartilhar em outros sites

Snowden    94

Snowden
Postado 




$('#cod').keyup(function(){



	if( $(this).val().length == 5 )



		$('form').submit();



});



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Gilberto Jr
			  

	
		
	
			 26
	
		
	

		

		

			


	
		Gilberto Jr
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Bom dia;


 


Eu fiz aqui em um formulario de teste e deu certo mas no meu não esta dando certo.


 


Veja o codigo abaixo 


<script type="text/javascript" language="javascript">
function enviar(){
$('#ponto').keyup(function(){
if( $(this).val().length == 5 )
$('form').submit();
});
}
</script>
<form method="post" name="entrada" action="salvarentrada.asp">
<table class="tabelaponto" border="0">
  <tr>
    <td class="chamadaform" align="left">Matricula</td>
  </tr>
  <tr>
    <td>
    <input type="hidden" name="data" value="" />
    <input type="hidden" name="horario" value="" />
    <input type="hidden" name="registro"value="" />
    <input type="text" value="" name="matricula" onkeyup="enviar();" autocomplete="off" id="ponto" />
    </td>
  </tr>
  <tr>
    <td align="right">
    <input type="submit" name="enviar" onclick="return entradavalidar()" id="enviar" value="" />
    </td>
  </tr>
</table>
</form>


 


Att;



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					






					
				
					
					
					







	

	

		

			
Gilberto Jr
			  

	
		
	
			 26
	
		
	

		

		

			


	
		Gilberto Jr
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Bom dia;


 


Pelo teste que eu fiz aqui em um formulário com o seguinte código


 


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teste Submit</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
$('#ponto').keyup(function(){
if( $(this).val().length == 5 )
$('#form').submit();
});
</script>
</head>
<form id="form" method="post" action="#">
<input type="text" value="" id="ponto" />
</form>
<body>
</body>
</html>


Não funcionou. Mas se eu fizer o teste com o formulario da seguinte forma 


<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teste Submit</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" language="javascript">
function enviar(){
$('#ponto').keyup(function(){
if( $(this).val().length == 5 )
$('form').submit();
});
}
</script>
</head>
<form method="post" action="#">
<input type="text" value="" onkeyup="enviar();" id="ponto" />
</form>
<body>
</body>
</html>




			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
William Bruno
			  

	
		
	
			 1501
	
		
	

		

		

			


	
		William Bruno
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Tem 2 erros.


1. Vc precisa aguardar o DOM ficar pronto antes de chamar um evento em algum objeto


2. Não importe a lib jQuery mais uma vez.




<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Teste Submit</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery-ui.js"></script>
<script type="text/javascript" language="javascript">
$(document).ready(function(){

    $('#ponto').keyup(function(){
        if( $(this).val().length == 5 )
            $('#form').submit();
    });
});
</script>
</head>
<form id="form" method="post" action="#">
<input type="text" value="" id="ponto" />
</form>
<body>
</body>
</html>



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
Compartilhar este post

			

			
Link para o post

			
			
			

			
				
Compartilhar em outros sites

				

	

			
		

	



	



					
				
					
					
					







	

	

		

			
Gilberto Jr
			  

	
		
	
			 26
	
		
	

		

		

			


	
		Gilberto Jr
	

		

	

	
	

		



	

	

		

			
		


		

			Postado 
			
				
				
			
		

	


	


	

		
		

			

Agora deu mais ou menos certo.


 


Só que quando eu digito apenas um numero o SUBMIT já é chamado. Mas o SUBMIT tem que ser chamado quando o 5 digito for digitado.


 


Att;



			
		


		

			
				
					

	
	
		

			
				
				

					
				

			
			
			
		

	


				
			
			
    
				
					
					
					
				
				
  • 
					
				
    • 
			

		


		
			

		
	


	

		

			
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