web-dev-qa-db-ja.com

パスワードの最小の長さを設定する方法

私は現在htmlフォームに取り組んでいます。パスワードの最小長を8に設定して、ユーザーが8未満のパスワードを拒否する方法を教えてください。

これがコードです：

<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>
htmlformshtml-input
13
marse

HTML5を使用している場合は、入力タグに pattern および必須属性を使用できます。

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

また、入力タグには minlength 属性がありますが、Firefoxにはまだ実装されていません。

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

Pattern属性を使用できます。

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

残念ながら、最小長属性はすべてのブラウザーでサポートされているわけではありません。 これをチェックしてください

このため、別の方法を使用する必要があります。

以下のような正規表現の使用を選択しました。

<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]).{8,}" >
1
efkan

ボタンを次のように変更します。

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

そして、このコードJavaScript（jqueryを使用）を追加します。

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

この条件をPHPコードに追加することを忘れないでください。

1
Anthony Bastide

minlengthとmaxlengthを使用できます

通常どおり、minlength属性とmaxlength属性を使用して、パスワードの許容可能な最小長と最大長を設定できます。この例は、ユーザーのPINは4桁以上8桁以下でなければならないことを指定することにより、前の例を拡張しています。サイズ属性は、パスワード入力制御が8文字幅であることを確認するために使用されます。 。

ソース

ただし、Chrome現時点では機能します

または、誰かがすでに述べたように、 pattern を使用できます。

入力したパスワードの実際の内容についてアプリケーションに文字セット制限またはその他の要件がある場合、pattern属性を使用して、パスワードがこれらの要件を自動的に満たすようにするために使用する正規表現を確立できます。

ソース

0
Tadej Danev
<input type="Password" name="pd" placeholder="Password" pattern=".{8,16}" title="8 or more Character" size=30 pattern="[!@#$%^&*][a-z][A-Z][0-9]" required>

このコードは私のために働いた。これを試して

0
user12464685