El uso del pattern ofrece un control primario de los campos input de un formulario, y puede ser complementado con el uso de seudo elementos css y funciones js.
Cadena obligatoria variada.
Puede contener letras mayúsculas, minúsculas, números y los caracteres !?- , y un tamaño entre 8 y 12 caracteres.
pattern="[A-Za-z0-9!?-]{8,12}" required
cadena obligatoria de letras minúsculas, con un número opcionalmente de hasta dos dígitos al final. La cadena completa tendrá entre 5 y 12 caracteres
pattern="^([a-z]+[0-9]{0,2}){5,12}$" required
Cadena compleja para email
pattern="^[a-zA-Z0-9.!#$%&’*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$" required/
Cadena para admitir nombres de cualquier nacionalidad:
Incluye nombres compuestos y la mayoría de normas de acentuación. El número de caracteres será como mínimo 3 y como máximo 32.
[a-zA-ZàáâäãåąčćęèéêëėįìíîïłńòóôöõøùúûüųūÿýżźñçčšžÀÁÂÄÃÅĄĆČĖĘÈÉÊËÌÍÎÏĮŁŃÒÓÔÖÕØÙÚÛÜŲŪŸÝŻŹÑßÇŒÆČŠŽ∂ð ,.'-]{2,32}
El usuario solo podrá meter una palabra de 4 a 16 caracteres entre la con las letras de A-Z y a-z
pattern=»[A-Za-z]{4-16}
Y listo, esto es todo.
Espero modestamente que este artículo, sirva de ayuda a alguien.
Gracias.
…subir montañas hermana hombres…