HTML5: Utilizando senha com Pattern

Olá, eu não sei expressões regulares mas consegui quebrar um galho com a seguinte expressão:



Pattern="^.{6,10}$"


Tentando explicar:

^ - Inicia-se a expressão;
.  - Aceita todos os caracteres;
{6,10} - Mínimo 6 e máximo 10 caracteres;
$ - Finaliza a expressão.

Fiz isso para um campo de senha onde ficaria o código completo assim:


<!doctype html>

<html>
<head>
<meta charset="utf-8">
<title>Zumbi Programador</title>
</head>

<body>

      <form name="teste">
            Senha: <input id="senha" name="senha" pattern="^.{6,10}$" type="password" title="A senha deve conter no mínimo 6 caracteres e máximo 10" maxlength="14" required>
            <input name="" type="submit">
      </form>
</body>

</html>

Exemplo:

Zumbi Programador
Senha:

2 comentários: