1

Me interesa que solo se puedan ingresar números en el input, intenté hacer algo con este ejemplo pero pues si no es true va a eliminar todo lo que se ha escrito...

var a = document.querySelector(".number");

a.onkeypress = function() {

var i = parseInt(a.value);

var s = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9];

var e = s.indexOf(i);

if (e != -1) {

//

} else {

a.value = "";

}


}

3 respuestas 3

4

Podrías hacerlo de la siguiente manera:

<script>
function soloNumeros(e){
    var key = window.Event ? e.which : e.keyCode
    return (key >= 48 && key <= 57)
}
</script>

<table>
<td>
Edad:
</td>
<td>
<input type="text" id="age" name="age" onKeyPress="return soloNumeros(event)"/> 
</td>

2
  • Buena respuesta, pero no es recomendable el uso de .keyCode porque es una propiedad marcada como obsoleta y, seguramente, desaparezca en el futuro. Ahora se debe usar .code, aunque puede ser un poco más complicado de trabajar, especialmente en casos como este.
    – Triby
    el 29 sep. 2021 a las 18:16
  • Este metodo admite que pegemos texto, porque solo captura el evento keypress
    – Emeeus
    el 30 sep. 2021 a las 14:09
4

Puedes agregar un elemento a tu entrada <input/> llamada type, referencia, este lo que te permite es indicar que tipo de entrada quieres que sea tu textbox, en tu caso, lo que necesitas en que sea number por lo que quedaría mas o menos así

<input type="number" id="age" name="age"/>

Ojo, que la letra e si es considerada numero, ya que es un numero irracional llamada Euler. Puedes tambien agregar rangos minimos y máximos

min="10" max="100"
0

Puede usar el elemento de HTML "input" pero con el type = "number" ejemplo:

<input type="number" name="LoQueTuQuieras">
1
  • Como recomendación, trata de siempre verificar tus respuestas, por ejemplo el input type number acepta números decimales, por lo que en realidad no sería una respuesta correcta, podrías ajustarlo con min, máx y step. Te sugiero editar tu respuesta para incluir lo que menciono, como segundo comentario, es bueno agregar enlaces a documentación para que el autor pueda leerlo por su cuenta :) el 3 oct. 2021 a las 0:37

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.