Si quieres usar la validación tipo pattern
de HTML
puedes usar la siguiente expresión regular:
\x22[A-Za-z0-9 ]+\x22$
Donde:
\x22
: indica que el texto ha de empezar con comilla doble "
.
[A-Za-z0-9 ]+
: indica que acepta cualquier letra del alfabeto (mayúscula y/o minúscula), números del 0 al 9 y espacios, y el +
indica que pueden repetirse.
'\x22$': indica que el texto ha de finalizar con comilla doble "
.
Un ejemplo de uso en HTML
:
function alertMessage() {
if(!document.getElementById("text").value) {
window.alert('Input vacío');
} else {
window.alert('El input es válido');
}
}
<form action="#" onsubmit="alertMessage();">
<input type="text" id="text" pattern="\x22[A-Za-z0-9 ]+\x22$">
<button type="submit">Enviar</button>
</form>
Sin embargo debes tener en cuenta la versión del navegador, ya que navegadores muy antiguos pueden tener problemas con la expresión regular.
Otra cosa es el hecho de que un input
vacío pasa el control del pattern, por eso puse un if else
en la función alertMessage()
.
O puedes usar la etiqueta required
en el input
. Ya es cuestión de la lógica de tu programa.
Saludos.