Si los datos que serán considerados como válidos son específicos, por ejemplo, que solo se pueda ingresar número del 5 al 10, puedes crear una lista con dichos datos. Esta puede estar presente en el atributo
pattern
de la caja de texto (como en el ejemplo de
petit89) o puedes crearla en el código JavaScript, por ejemplo, usando un arreglo.
Código Javascript
:
Ver originalvar validos = [5, 6, 7, 8, 9, 10],
datoEscrito = document.querySelector("#idInput").value;
if (validos.indexOf(datoEscrito) > -1){
console.log("El dato escrito es válido");
}
else{
console.log("El dato escrito no es válido");
}
Método usado:
Array.prototype.indexOf().
Pero si la lista de datos válidos es indefinida y estos tienen algún tipo de patrón de escritura en común, puedes utilizar
expresiones regulares. Por ejemplo, así se validaría que solo se ingresen valores numéricos:
Código Javascript
:
Ver originalvar patron = /^[\d]*$/g,
datoEscrito = document.querySelector("#idInput").value;
if (patron.test(datoEscrito)){
console.log("El dato escrito es válido");
}
else{
console.log("El dato escrito no es válido");
}
Método usado:
RegExp.prototype.test().
Para validar que se trata de un valor numérico, también hay otros métodos y funciones propios de JavaScript que pueden servir; pero, para efectos de esta explicación y dado a que los datos válidos pueden no solo ser números, cualquiera de las formas presentadas te será de mayor utilidad.