La forma más sencilla de enmascarar caracteres en la entrada de texto HTML (5)

Solución:

Busque los nuevos tipos de entrada HTML5. Estos indican a los navegadores que realicen un filtrado de datos del lado del cliente, pero la implementación está incompleta en los diferentes navegadores. los pattern El atributo hará un filtrado de estilo regex, pero, de nuevo, los navegadores no lo admiten por completo (o en absoluto).

Sin embargo, estos no bloquearán la entrada en sí, simplemente evitarán enviar el formulario con los datos no válidos. Aún necesitarás atrapar el onkeydown evento para bloquear la entrada clave antes de que se muestre en la pantalla.

1. La validación básica se puede realizar eligiendo el atributo de tipo de elementos de entrada. Por ejemplo:
   <input type="email" />
<input type="URL" />
<input type="number" />

2. utilizando patrón atributo como:
   <input type="text" pattern="[1-4]{5}" />

3. requerido atributo
   <input type="text" required />

4. longitud máxima:
   <input type="text" maxlength="20" />

5. mínimo máximo:
   <input type="number" min="1" max="4" />

Sí, de acuerdo con los borradores de HTML5, puede utilizar el pattern atributo para especificar la entrada permitida mediante una expresión regular. Para algunos tipos de datos, puede utilizar campos de entrada especiales como <input type=email>. Pero estas características todavía carecen de apoyo o tienen un apoyo cualitativamente deficiente.

---

---

Utiliza Nuestro Buscador