Solo numeros en campo de texto.

IMAC/ · #1 (**permalink**) 24/11/2007, 05:05

Buenas, buscando por ahí he encontrado este código que prohibe la iserción de algo que no sean números en el campo de texto.

Por lo visto solo funciona en el Internet Explorer, y me preguntaba si hay algún otro modo que funcione también en el firefox, opera...etc, además de en el Iexplorer.

Aquí dejo el código que encontré:

Código PHP:

      
      <html> 
      <head> 
      <script> 
      function alfanumerico(obj){ 
      var tecla = window.event.keyCode; 
      if(48<=tecla && tecla<=57){ 
      } 
       else{ 
            window.event.keyCode=0; 
          } 
      } 
      </script> 
      </head> 
      <body> 
      <form name="formulario"> 
      <input type="text" size="20" name="charalfanumerico" onKeypress="alfanumerico(this);"> 
      </form> 
      </body> 
      </html>

IMAC/ · #2 (**permalink**) 24/11/2007, 05:40

Vaya, alguien puede ayudarme?

IMAC/ · #3 (**permalink**) 24/11/2007, 07:20

Bueno, ya lo conseguí encontrar, aquí dejo el scrip para los interesados:

Código PHP:

  <script>
function validar_texto(e){
    tecla = (document.all) ? e.keyCode : e.which;

    //Tecla de retroceso para borrar, siempre la permite
    if (tecla==8){
        return true;
    }
        
    // Patron de entrada, en este caso solo acepta numeros
    patron =/[0-9]/;
    
    tecla_final = String.fromCharCode(tecla);
    
    return patron.test(tecla_final);
}
</script>

Y aquí el código completo de ejemplo:

Código PHP:

  <html>
<head>
<script>
function validar_texto(e){
    tecla = (document.all) ? e.keyCode : e.which;

    //Tecla de retroceso para borrar, siempre la permite
    if (tecla==8){
        return true;
    }
        
    // Patron de entrada, en este caso solo acepta numeros
    patron =/[0-9]/;
    
    tecla_final = String.fromCharCode(tecla);
    
    return patron.test(tecla_final);
}
</script>
</head>

<body>
<input type="text" name="campo1" onkeypress="return validar_texto(event)">
</body>
</html>

iohan · #4 (**permalink**) 27/11/2007, 05:10

yo utilice este código, pero me encuentro con al desagradable sorpresa de que funciona en Opera e IE pero no en Firefox

onkeypress="if (event.keyCode < 45 || event.keyCode > 57) event.returnValue = false;"

alguien sabe alguna porqué.

davidortega · #5 (**permalink**) 18/11/2010, 10:06

Me funciona muy bien en firefox

dacro86 · #6 (**permalink**) 08/01/2014, 16:25

Código HTML:

Ver original<input type="number" required="undefined" name="cantidad" id="cantidad">

y esta opcion???