El atributo pattern viene de la mano con el atributo required es decir se requieren de los dos para su mejor ejecución, y para comenzar empezaré por definir lo que es una expresión regular.
expresión regular :
Una expresión regular, a menudo llamada también regex, es una secuencia de caracteres que forma un patrón de búsqueda, principalmente utilizada para la búsqueda de patrones de cadenas de caracteres u operaciones de sustituciones.
Dicho en otras palabras, una expresión regular es un patrón que específica el formato en como debe ir escrita una cadena es decir yo puedo definir que quiero una cadena que contenga solo 3 carácteres seguida de 2 números, entonces,tendría que definir mi expresión regular más o menos de la siguiente forma:
" [a-z]{3}[0-9]{2}".
Con esta expresión basta para cubrir lo requerido, es importante mencionar que las expresiones regulares son acorde al lenguaje en que se manipulan. Y bien ahora explicaré como se haría en html5.
El atributo pattern me permite incluir expresiones regulares dentro de una etiqueta <input>, su sintaxis es la siguiente :
Con esta expresión regular se solicitan 4 letras al principio seguidas de 6 números que a su ves deben ir seguidas de tres letras para finalizar lo cual se podría complementar así :
Si la expresión regular que ingresemos dentro del campo es correcta el navegador nos dirigirá a una página en específico. El código de lo anterior es el siguiente :
