Foros del Web » Creando para Internet » HTML »

numeros admitidos en un pattern

Estas en el tema de numeros admitidos en un pattern en el foro de HTML en Foros del Web. Hola buenas, alguien podria ayudarme con esto: Veran quiero hacer un patron "pattern" en html5, que me admita un rango de numeros entre 3 y ...
  #1 (permalink)  
Antiguo 08/02/2017, 06:00
 
Fecha de Ingreso: mayo-2012
Mensajes: 760
Antigüedad: 12 años, 5 meses
Puntos: 5
numeros admitidos en un pattern

Hola buenas, alguien podria ayudarme con esto:


Veran quiero hacer un patron "pattern" en html5, que me admita un rango de

numeros entre 3 y 15 como maximo y lo que tengo es esto:

Código HTML:
Ver original
  1. <input type="text" pattern="[0-9]{1,2}" value="" />

Lo que entiendo de mi patron es que admite un digito introducido, o dos digitos

introducidos y que este digito aceptara los numeros que van de 0 a 9.

Pero claro, no se como hacer para que mediante usando un pattern, solo me admita los numeros que vayan entre 3 min y 15 max.

Si pudieran ayudarme les estaria muy agradecido.
  #2 (permalink)  
Antiguo 08/02/2017, 07:51
 
Fecha de Ingreso: noviembre-2015
Mensajes: 231
Antigüedad: 9 años
Puntos: 86
Respuesta: numeros admitidos en un pattern

Para eso tienes el input number y los atributos min y max
  #3 (permalink)  
Antiguo 09/02/2017, 11:02
 
Fecha de Ingreso: mayo-2012
Mensajes: 760
Antigüedad: 12 años, 5 meses
Puntos: 5
Respuesta: numeros admitidos en un pattern

Gracias por contestar mpozo.

Sí, lo sé. Se que min y max con number funciona bien en este sentido.

Pero me aparecen unas flechas para aumentar y disminuir la numeracion que no

son nada esteticas. y como el input es muy pequeño detamaño pero todavia.

Por eso pregunto si alguien sabe de algun pattern que haga esto.

  #4 (permalink)  
Antiguo 09/02/2017, 14:49
 
Fecha de Ingreso: noviembre-2015
Mensajes: 231
Antigüedad: 9 años
Puntos: 86
Respuesta: numeros admitidos en un pattern

Usa esta expresión
Código HTML:
Ver original
  1. /^([3-9]|1[0-5])$/
  #5 (permalink)  
Antiguo 10/02/2017, 10:16
 
Fecha de Ingreso: mayo-2012
Mensajes: 760
Antigüedad: 12 años, 5 meses
Puntos: 5
Respuesta: numeros admitidos en un pattern

humm entiendo el patron que me dices:

Código HTML:
Ver original
  1. /^([3-9]|1[0-5])$/

dice que admite numeros del 3 al 9 , o bien un numero que empiece por 1,

y que su segundo numero irá de 0 a 5.

El problema es que no funciona ¿?



he puesto esto y tampoco:

Código HTML:
Ver original
  1. /^([3-9]{1}|1[0-5]{1,2})$/

No se que es lo que esta fallando por que tiene buena pinta el patron tuyo mpozo.
  #6 (permalink)  
Antiguo 10/02/2017, 13:22
Avatar de Turdo  
Fecha de Ingreso: julio-2005
Ubicación: .:Guadalajara:.
Mensajes: 398
Antigüedad: 19 años, 3 meses
Puntos: 23
Respuesta: numeros admitidos en un pattern

Que tal prueba así:

Código HTML:
Ver original
  1. <input type="text" name="nn" pattern="[3-9]{1}|[0-5]{2}">
:

La lógica es la siguiente:

[3-9]{1} = rango del 3 al 9 y estrictamente 1 caracter
[0-5]{2} = rango del 0 al 5 y estrictamente 2 caracteres

y funciona una u otra con el operador or "|"
Si pones {1,2} quiere decir que tenga 1 o 2 caracteres y cuando solo es {5} quiere decir 5 caracteres estrictamente.


Saludos espero te sirva.
__________________
Un buen programa depende de la imaginación.

Última edición por Turdo; 10/02/2017 a las 13:27
  #7 (permalink)  
Antiguo 10/02/2017, 14:07
 
Fecha de Ingreso: noviembre-2015
Mensajes: 231
Antigüedad: 9 años
Puntos: 86
Respuesta: numeros admitidos en un pattern

Culpa mía parcialmente. No es necesario los caracteres especiales "^" y "$" de inicio y final. Error por tu parte usar cuantificadores "{}". No tienen sentido en este caso
Código HTML:
Ver original
  1. <input type="text" pattern="[3-9]|1[0-5]" value="" />
  #8 (permalink)  
Antiguo 11/02/2017, 05:52
 
Fecha de Ingreso: mayo-2012
Mensajes: 760
Antigüedad: 12 años, 5 meses
Puntos: 5
Respuesta: numeros admitidos en un pattern

gracias "Turdo", por la ayuda.

Mpozo, efectivamente, por fin, funciona perfecto ahora.

En tu ultimo post diste en el clavo.

Aprendí algo nuevo, gracias por la ayuda.

Sin duda es mas elegante el pattern en este caso que usar number y min y max

con las odiosas flechas.


Etiquetas: html5, numeros, pattern
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 00:18.