[SOLUCIONADO] Validar solo números.

[Rodro]

Hola a todos,

Tengo un control textbox, en el cual valido con una función JS que solo ingrese números enteros:

ASPX
<asp:TextBox ID="txtRango1" runat="server" MaxLength="4" onkeydown="return soloNumeros(event);"></asp:TextBox>

JS
function soloNumeros(evt) {
var key = evt.keyCode;
return (((key >= 37 && key <= 40) || (key >= 48 && key <= 57) || (key >= 96 && key <= 105) || (key >= 8 && key <= 9) || (key == 190)));
}

Sin embargo, si me permite ingresar los siguientes símbolos: como %$"

Podrían por favor ayudarme a mejorar esta función.

Gracias.

[jmg1189]

Iniciado por Rodro

Hola a todos,

Tengo un control textbox, en el cual valido con una función JS que solo ingrese números enteros:

ASPX
<asp:TextBox ID="txtRango1" runat="server" MaxLength="4" onkeydown="return soloNumeros(event);"></asp:TextBox>

JS
function soloNumeros(evt) {
var key = evt.keyCode;
return (((key >= 37 && key <= 40) || (key >= 48 && key <= 57) || (key >= 96 && key <= 105) || (key >= 8 && key <= 9) || (key == 190)));
}

Sin embargo, si me permite ingresar los siguientes símbolos: como %$"

Podrían por favor ayudarme a mejorar esta función.

Gracias.

hola rodro

respecto a tu pregunta, te deja ingresar esos caracteres porque dentro de tu if estas permitiendolo, si analizas en la tabla de código ascii, los valores entre el 37 y el 40 son %, & ' (, por eso es que se permite que dichos simbolos se ingresen dentro de la caja.

si quieres que unicamente se ingresen números dentro de la caja tienes que limitar tu if. tendrías que dejarlo unicamente así;

Código Javascript:

(key >= 48 && key <= 57)
 

[Alexis88]

Otra forma es mediante una expresión regular:

Código Javascript:

tuInput.addEventListener("keypress", function(event){
    if (!/\d/.test(String.fromCharCode(event.keyCode))){
        event.preventDefault();
    }
}, false);
 

Prefiero utilizar el evento keypress porque es cuando la tecla llega al final y se dispone a imprimir el carácter. Si el método .test() devuelve false porque el carácter ingresado no es un número, se cancela la impresión del mismo mediante el método .preventDefault().

Un saludo

[Rodro]

Hola jmg1189,
Aún dejando (key >= 48 && key <= 57), sigue permitiendo el ingreso de estos caracteres $%&.

Pero encontré esta solución:

function soloNumeros(e) {
tecla = (document.all) ? e.keyCode : e.which;
if (tecla == 8) return true;
patron = /\d/;
te = String.fromCharCode(tecla);
return patron.test(te);
}

<asp:TextBox ID="txtRango1" runat="server" MaxLength="4" Text='<%#FormatNumber(Eval("mayor_igual"),0) %>'
onkeypress="return soloNumeros(event);"></asp:TextBox>

Gracias.