Validación integrada en HTML

Restricciones que el navegador revisa antes de que corra tu JavaScript.

<form action="/signup" method="post">
  <label for="user">Username</label>
  <input type="text" id="user" name="user" required
         pattern="[a-z0-9_]{3,20}"
         title="Lower case letters, digits and underscores">

  <label for="pw">Password</label>
  <input type="password" id="pw" name="pw" required minlength="12"
         autocomplete="new-password">

  <button type="submit">Create account</button>
</form>

Cómo funciona

1. pattern lleva una expresión regular que el valor debe cumplir.
2. title explica la regla cuando la revisión falla.
3. novalidate en el formulario apaga las revisiones para pruebas.

El intento, en números

Líneas

12

Caracteres a escribir

383

Tokens

84

Ritmo de tres estrellas

75 tpm

Al ritmo de tres estrellas de 75 tokens por minuto, este intento toma unos 67 segundos.

Escribe este fragmento

Paso 1 de 5 en Validación y envío; paso 19 de 25 en Formularios y entradas.

← Anterior Siguiente →