Loading
carregando...

Input text somente com números


Um certo dia um cliente resolveu disponibilizar seus produtos para venda em seu site então surgiu a necessidade de elaborar um carrinho de compras para o usuário efetuar suas compras.

Eis que me deparei com uma dificuldade, no carrinho de compras tem uma opção de alterar a quantidade daquele determinado produto, para isso necessita de um campo de texto onde o usuário digita a determinada quantidade, até ai tudo bem ...

mas e se por algum motivo esse usuário digitar uma letra em nosso campo de quantidade que deveria ser somente numero?!

Para evitar tal problema usei a função em javascript abaixo, essa função faz com que o campo receba somente caracteres numéricos.

Função javascript:

  1.  
  2. <script type="text/javascript">
  3. function SomenteNumero(e){
  4.   var tecla=(window.event)?event.keyCode:e.which;   
  5.   if((tecla>47 && tecla<58)){
  6.       return true;
  7.   }else{
  8.       if(tecla==8 || tecla==0){
  9.          return true;
  10.       }else{
  11.          return false;
  12.       }
  13.   }
  14. }
  15. </script>
  16.  


Como definir no seu campo de texte (input):

  1.  
  2. <html>
    
  3.    <head>
    
  4.       <title> Somente Números </title>
    
  5.    </head>
    
  6.    <body>
    
  7.       <input type="text" size="10" value="" onkeypress="return SomenteNumero(event)">
    
  8.    </body>
    
  9. </html>
    
  10.  

É isso... abrass tt


Autor: Dárcio Gomes
Data: 22/09/2012 00:00:00