如何设置密码的最小长度

时间:2015-12-04 09:06:38

标签: html forms html-input

我目前正在处理一个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>

6 个答案:

答案 0 :(得分:20)

如果您使用的是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属性,但它在some browsers中不起作用:

<input type="password" minlength="8" required>

答案 1 :(得分:2)

您可以使用模式属性:

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

答案 2 :(得分:1)

将按钮更改为:

$(".className").select2({               
                placeholder: "Example",
                alowClear:true
            });

添加此代码JavaScript(使用jquery):

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

别忘了将这个条件添加到PHP代码中。

答案 3 :(得分:0)

不幸的是,所有浏览器都不支持最小长度属性。请check this out

因此,必须使用另一种方法。

我选择使用正则表达式,如下所示;

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

答案 4 :(得分:0)

您可以使用minlengthmaxlength

  

通常,您可以使用minlength和maxlength属性来   确定密码的最小和最大可接受长度。   此示例通过指定用户的   PIN码必须至少为四位且不超过八位数字。尺寸   属性用于确保密码输入控件为八个   字符宽。

Source

But it works on Chrome only at the moment.

或者,正如已经提到的,您可以使用pattern

  

如果您的应用程序有字符集限制或任何其他限制   要求输入密码的实际内容,您可以   使用pattern属性建立要使用的正则表达式   自动确保您的密码符合这些要求。

Source

答案 5 :(得分:0)

<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>

此代码对我有用。尝试这个