1

Tengo un registro de usuarios, hay un input así:

<input type="text" name="username" required>

Pero si el usuario presiona su barra espaciadora, burla el required. ¿Alguna solución?

1
  • Puedes utilizar JavaScript para validar el formulario, y que en caso de que haya solo espacios en blanco, no le permita al usuario darle al botón
    – Maida
    Commented el 8 abr. 2022 a las 8:43

2 respuestas 2

0

Para eso ocupa la función de javascript trim que básicamente lo que hace es limpiar de espacios un string por la izquierda y derecha, esto permite limpiar de espacios cadenas de texto.

También, usaremos length para contar los caracteres de la cadena recogida y en caso de que esté vacía, devolveremos false para no permitirle al usuario enviar el formulario:

Ejemplo:

JavaScript

function verificar() {

  if ( document.getElementById("nombre-input").val().trim().length > 0 ) {
    return true;
  }
  else {
    return false;
  }
}

HTML

<form>
   <label>Nombre:</label>
   <input id="nombre-input" type="text">
   <input type="button" onclick="verificar()" value="Enviar">
</form>
0

Podes utilizar el atributo pattern

Ejemplo:

<form>
  <input type="text" name="username" pattern="[a-zA-Z0-9]{8,}" required />
  <button>Guardar</button>
</form>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.