En el ejemplo anterior vimos cómo usar una expresión regular en el atributo pattern. Estudiemos más detenidamente esas expresiones regulares.
Estas son algunas URL sobre el tema:
- http://es.wikipedia.org/wiki/Expresi%C3%B3n_regular
- http://www.desarrolloweb.com/manuales/expresiones-regulares.html
- http://html5pattern.com/
- http://www.w3schools.com/jsref/jsref_obj_regexp.asp
- http://blog.stevenlevithan.com/
1. Las letras autorizadas
Esta es la sintaxis para indicar que el usuario solamente podrá insertar una letra a o g o r y que esta deberá estar en minúsculas: [agr]. Cualquier otro valor no será válido.
Esta sería la sintaxis:
<input type="text" id="test" pattern="[agr]" />
Ejemplos de valores no válidos:
A está en mayúscula:
Hay dos caracteres:
2. Un intervalo de letras autorizadas
Con esta sintaxis podrá indicar un intervalo de letras autorizadas: [G-M]. El usuario podrá indicar una letra mayúscula comprendida entre G y M, ambas incluidas.
Ejemplos de valores no válidos:
k está en minúscula:
B no pertenece al intervalo:
3. Otras letras a excepción de
Esta es la sintaxis para indicar que todas las letras están autorizadas, a excepción de las indicadas: [ˆabc]. El usuario podrá usar todos los caracteres salvo a, b y c.
Esta es la sintaxis para indicar que todas las letras están autorizadas, a excepción de las indicadas en el intervalo: [ˆd-m]. El usuario podrá usar todas las letras a excepción de las comprendidas entre d y m, ambas incluidas.
k está dentro del intervalo no autorizado:
4. Las mayúsculas y minúsculas
Usted puede exigir que las letras autorizadas estén en mayúsculas o en minúsculas.
Esta es la sintaxis para indicar que se puede introducir un único carácter en mayúscula: [A-Z].
Esta es la sintaxis para indicar que se puede introducir un único carácter en minúscula: [a-z].
Esta es la sintaxis para indicar que se puede introducir un único carácter en mayúscula o en minúscula: [A-z].
5. La condición O
Es posible expresar varias posibilidades con el carácter |, que representa la función lógica O.
Esta es la sintaxis para indicar que se puede introducir un carácter comprendido entre a y e o w y z: [a-e|w-z].
6. Las palabras autorizadas
También podrá indicar qué palabras están autorizadas. Esta es la sintaxis para indicar que se pueden introducir las palabras cosa o chisme o cacharro: (cosa|chisme|cacharro).
aparato no está autorizado:
7. Autorizar cifras
Encontramos exactamente el mismo principio para las cifras.
Esta es la sintaxis para indicar que se puede introducir una cifra comprendida entre 0 y 9: [0-9].
23 no está autorizado, se trata de un número, y no de una simple cifra:
8. Un número limitado de caracteres
Puede indicar cuántas letras o cifras se admiten para que el valor introducido sea válido.
Esta es la sintaxis para indicar que se pueden introducir 5 letras en mayúsculas: [A-Z]{5}.
Ejemplos de valores no válidos:
Solamente hay tres letras:
Efectivamente hay cinco letras, pero están en minúsculas:
Hay cuatro mayúsculas y una cifra:
9. Los valores múltiples
Esta es la sintaxis para indicar que se puede introducir un valor que incluya dos letras en mayúsculas seguidas de tres cifras: [A-Z]{2}[0-9]{3}.
Ejemplo de inserción no válida:
Efectivamente se ha introducido el número de caracteres correcto, pero se ha comenzado por las cifras y no por las letras:
10. Los parámetros especiales
Podemos usar algunos caracteres especiales para definir determinadas expresiones regulares.
- \d hace referencia a las cifras. \d{3} admite la introducción de 3 cifras.
- \w hace referencia a los caracteres. \w{3} admite la introducción de 3 caracteres.
- + indica que debe haber uno o más caracteres de los especificados anteriormente. De este modo el valor no estará limitado. [a-z]+ indica que el usuario podrá insertar tantas letras minúsculas como desee.
- * indica que pueden haber varios o ningún carácter de los especificados anteriormente. De este modo podemos obtener valores opcionales. [A-Z]{2}[0-9]* indica que el valor comenzará con dos mayúsculas que podrán ir seguidas de cero o n cifras.
- ˆ indica que el valor deberá comenzar obligatoriamente por los elementos especificados justo a continuación. ˆ[0-9]{2} indica que el valor deberá comenzar con dos cifras para que sea válido.
- $ indica que el valor deberá terminar obligatoriamente por los elementos específicos que la preceden. [a-z]$ indica que el valor deberá terminar con una letra en minúscula para que sea válido.
Esta es la sintaxis que permite autorizar un valor entre 20 y 29: ˆ(2[0-9])$. El valor deberá comenzar por 2 (ˆ(2) y terminar con una cifra comprendida entre 0 y 9 ([0-9])$).
Espero haber ayudado en algo. Hasta la próxima oportunidad!
Twittear
No hay comentarios:
Publicar un comentario