Skip to main content
2 de 2
Se agrega otra opción a la respuesta para complementarla

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.