it-swarm.com.de

So legen Sie die Mindestlänge des Passworts fest

Ich arbeite derzeit an einem HTML-Formular. Wie stelle ich die Mindestlänge des Kennworts auf 8 ein, so dass jedes von Benutzern eingegebene Kennwort, das weniger als 8 ist, zurückgewiesen wird.

Hier ist der 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>
6
marse

Wenn Sie HTML5 verwenden, können Sie das pattern und das erforderliche Attribut für das Eingabe-Tag verwenden:

<input type="password" pattern=".{8,}"   required title="8 characters minimum">
<input type="password" pattern=".{8,12}" required title="8 to 12 characters">

Es gibt auch ein minlength -Attribut für Eingabe-Tags, das jedoch noch nicht in Firefox implementiert wurde. 

<input type="password" minlength="8" required>
15
Carlos Mayo

Sie können das Musterattribut verwenden:

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

Ändern Sie Ihren Button in:

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

Und fügen Sie diesen Code JavaScript (mit Jquery) hinzu:

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

Vergessen Sie nicht, diese Bedingung in Ihren PHP - Code einzufügen.

1
Anthony Bastide

Leider wird das Mindestlängenattribut nicht von allen Browsern unterstützt. Bitte check this out

Aus diesem Grund muss eine alternative Methode verwendet werden.

Ich habe mich für die Verwendung von Regex wie folgt entschieden.

<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,}" >
0
efkan

Sie könnten minlength und maxlength verwenden.

Wie üblich können Sie die Minlength- und Maxlength-Attribute für .__ verwenden. Mindest- und Höchstlänge für das Kennwort festlegen . Dieses Beispiel erweitert das vorherige um die Angabe des Benutzers PIN muss mindestens vier und nicht mehr als acht Stellen haben. Die Größe Das Attribut wird verwendet, um sicherzustellen, dass die Kennworteingabe acht ist Zeichen breit.

Quelle

Aber es funktioniert momentan nur für Chrome.

Oder, wie bereits erwähnt, können Sie pattern verwenden.

Wenn Ihre Anwendung Zeichensatzbeschränkungen oder eine andere Voraussetzung für den tatsächlichen Inhalt des eingegebenen Passworts können Sie Verwenden Sie das Musterattribut, um einen regulären Ausdruck festzulegen, der verwendet werden soll um automatisch sicherzustellen, dass Ihre Kennwörter diese Anforderungen erfüllen.

Quelle

0
Tadej Danev