Atributo pattern
El atributo pattern establece la validación de un campo
de entrada de formulario HTML formulario
mediante una expresión regular.
Las expresiones regulares son comandos especiales que permiten crear prácticamente cualquier regla de validación. Puede familiarizarse más con ellas en el libro de expresiones regulares de PHP o en el libro de expresiones regulares de JavaScript.
Al intentar enviar el formulario, en el caso de que el campo con este atributo no esté completado - el navegador no permitirá enviar el formulario y mostrará un error en forma de información sobre herramientas emergente. Lamentablemente, el texto del error y su apariencia no se pueden modificar usando HTML o CSS.
Tenga en cuenta que la presencia del atributo pattern
no lo exime de verificar la corrección del
formulario completado desde el lado del servidor con
PHP (ya que es fácil evitar la protección a través del atributo).
El atributo pattern debe aplicarse
a las etiquetas input
o textarea.
Ejemplo
Volvamos a la etiqueta input
y agreguemos el atributo pattern, en el cual
pondremos una expresión regular que verifique
que en el input se ingresó un número de dos
dígitos (por ejemplo, 25).
Ingrese cualquier número e intente presionar el botón para enviar el formulario. Si se ingresa un número que no es de dos dígitos, el navegador no permitirá enviar el formulario y mostrará un mensaje de error, en caso contrario el formulario se enviará:
<form action="">
<input type="text" pattern="\d{2}">
<input type="submit">
</form>
:
Ejemplo . Campo vacío
En el ejemplo anterior, el navegador mostraba un error
solo en el caso de que el campo no estuviera
vacío (aunque un campo vacío no es un
número con dos dígitos). Intentemos
hacer que el error también se muestre para
un campo vacío - junto con el atributo pattern
escribamos también el atributo required:
<form action="">
<input type="text" pattern="\d{2}" required>
<input type="submit">
</form>
:
Véase también
-
atributo
required,
con el cual se puede realizar una validación de campo vacío
