Foros del Web » Programando para Internet » Javascript »

Input text que solo me permita digitar ciertos numeros

Estas en el tema de Input text que solo me permita digitar ciertos numeros en el foro de Javascript en Foros del Web. Estoy realizando una validación de un input text que solo me permita ingresar ciertos números y validarlos , y si no cumple la validación que ...
  #1 (permalink)  
Antiguo 15/06/2018, 11:19
 
Fecha de Ingreso: octubre-2008
Ubicación: Santiago de Surco - Lima - Peru
Mensajes: 39
Antigüedad: 16 años, 2 meses
Puntos: 1
Input text que solo me permita digitar ciertos numeros

Estoy realizando una validación de un input text que solo me permita ingresar ciertos números y validarlos , y si no cumple la validación que se limpie el input. Alguna sugerencia . Lo estaba haciendo con datalist pero no limita a que se puedan poner otros datos
  #2 (permalink)  
Antiguo 15/06/2018, 12:31
Avatar de petit89  
Fecha de Ingreso: marzo-2011
Mensajes: 1.139
Antigüedad: 13 años, 9 meses
Puntos: 171
Respuesta: Input text que solo me permita digitar ciertos numeros

Mira este ejemplo... https://jsfiddle.net/jt0q21n4/

haber si asi te sirve, presta atención al required pattern="banana|cherry"
Es simple de esta manera, claro que hay otras alternativas para cosas o necesidades mas complejas
__________________
█ WebHosting / Reseller a bajo costo | Uptime Garantizado | Soporte en Español e Ingles
¿Te sirvió la respuesta? Deja un +1 (Triangulo negro al lado derecho)
  #3 (permalink)  
Antiguo 15/06/2018, 14:00
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años, 1 mes
Puntos: 977
Respuesta: Input text que solo me permita digitar ciertos numeros

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 original
  1. var validos = [5, 6, 7, 8, 9, 10],
  2.     datoEscrito = document.querySelector("#idInput").value;
  3.  
  4. if (validos.indexOf(datoEscrito) > -1){
  5.     console.log("El dato escrito es válido");
  6. }
  7. else{
  8.     console.log("El dato escrito no es válido");
  9. }

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 original
  1. var patron = /^[\d]*$/g,
  2.     datoEscrito = document.querySelector("#idInput").value;
  3.  
  4. if (patron.test(datoEscrito)){
  5.     console.log("El dato escrito es válido");
  6. }
  7. else{
  8.     console.log("El dato escrito no es válido");
  9. }

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.

__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: ciertos, input, numeros, text
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:56.