¿Patrón de validación de formularios HTML5 alfanumérico con espacios?

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.

Michiel
Pregunta editada 28º junio 2018 в 11:39
Programación
regex html5 forms validation alphanumeric
27º octubre 2013 в 2:54
10 vistas
Solución

¿Qué tal si añades un espacio en el atributo pattern como pattern="[a-zA-Z0-9 ]+"? Si desea admitir cualquier tipo de espacio, pruebe con pattern="[a-zA-Z0-9\s]+".

Comentarios (6)

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
Dmitriy
Respuesta editada 6º octubre 2016 в 7:07
Comentarios (2)

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]*"
rink.attendant.6
Respuesta editada 17º septiembre 2015 в 5:47
Comentarios (0)