Tengo la siguiente etiqueta de entrada en mi formulario html5:
<p>
<label>Company Name*</label>
<input type="text" name="name" class="field" required pattern="[a-zA-Z0-9]+" />
</p>
Esto funciona bien comprobando si el nombre de la empresa está formado por caracteres alfanuméricos. Pero, por supuesto, quiero permitir espacios en el nombre de la empresa. Necesito saber qué debo añadir al patrón.
Para evitar una entrada con sólo espacios, utilice: "[a-zA-Z0-9]+[a-zA-Z0-9 ]+"
.
eg: abc | abc aBc | abc 123 AbC 938234
Para asegurarse, por ejemplo, de que se introduce un nombre y un apellido, utilice una ligera variación como
"[a-zA-Z]+[ ][a-zA-Z]+"
eg: abc def
Utilice este código para asegurarse de que el usuario no introduce sólo espacios, sino un nombre válido:
pattern="[a-zA-Z][a-zA-Z0-9\s]*"