html5 - obligatorios - ¿Es posible configurar un campo requerido para ignorar los espacios en blanco?

required html5 no funciona

Question

El atributo required en HTML5 es muy útil:

<input type="text" required>

Pero todavía permite a los usuarios ingresar espacios en blanco solamente. ¿Hay una solución sólo para HTML para esto?

Answer 1

Prueba el atributo de pattern . Necesitará una expresión regular que especifique ''al menos un carácter'' .

Answer 2

Utilice el atributo de pattern combinado con el atributo required . Y asegúrese de incluir también un atributo de title , ya que la mayoría de los navegadores insertan el texto del título en la burbuja emergente de validación.

<input required pattern=".*/S+.*" title="This field is required">

El patrón .*/S+.* Requiere al menos un carácter que no sea un espacio en blanco, pero también permite caracteres de espacio en blanco (espacios, tabulaciones, retornos de carro, etc.) al principio o al final. Si no desea que el usuario pueda poner espacios en blanco al principio / final, entonces use esto en su lugar:

<input required pattern="/S+" title="This field is required">