Comment définir la longueur minimale du mot de passe

Je suis actuellement en train de travailler sur un formulaire html. Comment puis-je définir la longueur minimale du mot de passe à 8, de sorte qu'il rejette tout mot de passe de l'utilisateur entrées qui sont à moins de 8. Comment faire cela?

Voici le code:

<div id="login-form">
            <form method="post">
            <table align="center" width="30%" border="0">
            <tr>
            <td><input type="text" name="email" placeholder="Your Email" required /></td>
            </tr>
            <tr>
            <td><input type="password" name="pass" placeholder="Your Password" required /></td>
            </tr>
            <tr>
            <td><button type="submit" name="btn-login">Sign In</button></td>
            </tr>
            <tr>
            <td><a href="register.php">Sign Up Here</a></td>
            </tr>
            </table>
            </form>
        </div>

OriginalL'auteur marse | 2015-12-04

20

Si vous utilisez HTML5, vous pouvez utiliser le modèle et les attributs requis pour la balise d'entrée:
```
<input type="password" pattern=".{8,}"   required title="8 characters minimum">
<input type="password" pattern=".{8,12}" required title="8 to 12 characters">
```
Il y a aussi un minlength de l'attribut de balise d'entrée, mais il ne fonctionne pas dans certains navigateurs:
```
<input type="password" minlength="8" required>
```
OriginalL'auteur Carlos Mayo

Vous pouvez utiliser le modèle de l'attribut:

<input pattern=".{8,}" type="password" name="pass" placeholder="Your Password" required />

OriginalL'auteur AVAVT

Changer votre bouton :

<button name="btn-login">Sign In</button>

Et ajoutez ce code JavaScript (à l'aide de jquery) :

$('button[name="btn-login"]').click(function() {
    if($('input[name="pass"]').val().length < 8) {
        alert('Minimum length = 8');
    } else {
        $('form').submit();
    }
});

N'oubliez pas d'ajouter cette condition dans votre code PHP.

OriginalL'auteur Anthony Bastide

0

Malheureusement, la longueur minimale de l'attribut n'est pas pris en charge par tous les navigateurs. Veuillez check this out

De ce fait, une autre méthode a utilisé.

J'ai choisi le à l'aide de regex comme ci-dessous;
```
<input type="password" name="pass" title="Password must be 8 characters including 1 uppercase letter, 1 lowercase letter and numeric characters" required pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}" >
```
Je ne pense pas qu'il est de votre responsabilité de me dire comment je choisir un mot de passe sûr pour moi. Souvent, je ne vous inscrivez pas sur des sites qui pondent ce genre de briques, à ma façon.
Vous avez raison. Ce code juste un exemple et travaille toujours dans une production. Donc, si vous souhaitez utiliser ce code, vous pouvez avoir besoin de modifier la regex conditions en fonction de votre situation. Bonne chance.

OriginalL'auteur efkan
0

Vous pouvez utiliser minlength et maxlength

Comme d'habitude, vous pouvez utiliser le minlength et maxlength attributs de
établir minimum et maximum acceptable longueurs pour le mot de passe.
Cet exemple se développe sur la précédente en précisant que l'utilisateur
La BROCHE doit être d'au moins quatre et au plus huit chiffres. La taille
l'attribut est utilisé pour s'assurer que le mot de passe de contrôle d'entrée est de huit
les caractères de large.

Source

Mais il fonctionne sur Chrome uniquement pour le moment.

Ou, comme quelqu'un l'a déjà mentionné, vous pourriez utiliser .

Si votre application a jeu de caractères de restrictions ou de toute autre
exigence pour le contenu réel de l'entrée de mot de passe, vous pouvez
utilisez le modèle de l'attribut d'établir une expression régulière pour être utilisé
automatiquement pour assurer que vos mots de passe de répondre à ces exigences.

Source

Hey, j'ai suggéré une modification pour votre réponse, jetez un oeil à si vous. Aussi, peut-être ajouter un exemple de l'utilisation de la longueur et de motif.

OriginalL'auteur Tadej Danev

Vous devez vous connecter pour publier un commentaire.