numeros admitidos en un pattern

[mensajeescrito]

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:

<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.

[mpozo]

Para eso tienes el input number y los atributos min y max

[mensajeescrito]

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.

[mpozo]

Usa esta expresión

Código HTML:

/^([3-9]|1[0-5])$/
 

[mensajeescrito]

humm entiendo el patron que me dices:

Código HTML:

/^([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:

/^([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.

[Turdo]

Que tal prueba así:

Código HTML:

<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.

[mpozo]

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:

<input type="text" pattern="[3-9]|1[0-5]" value="" />
 

[mensajeescrito]

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.