7.4.13

HTML5 - parte 10 - formularios con patterns

Les paso un ejemplo muy sencillo de una de las formas de utilizar patterns en nuestro formulario, en este caso vamos a utilizar letras de la "a" a la "z", minúsculas, mayúsculas, números y cantidad de caracteres


<!DOCTYPE html>
<head>
<title>Dummy</title>

<body>

<form ation="">
  <label for="txtUsu">Usuario</label>
  <input type="text" id="txtUsu" name="txtUsu" pattern="[A-Za-z0-9].{8,}" title="El usuario debe llevar 8 caracteres como mínimo (mayusculas, minusculas y numeros)" required />
  <br>
  <label for="txtPass">Password</label>
  <input type="password" id="txtPass" name="txtPass" pattern=".{8,}" title="La password debe llevar 8 caracteres como mínimo" required />
  <br>
  <input type="submit" value="Test" />
</form>

</body>
</html>


Codigo
https://skydrive.live.com/redir?resid=81EDB1806AD68E58!981