我目前正在处理一个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>
答案 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)
您可以使用minlength
和maxlength
通常,您可以使用minlength和maxlength属性来 确定密码的最小和最大可接受长度。 此示例通过指定用户的 PIN码必须至少为四位且不超过八位数字。尺寸 属性用于确保密码输入控件为八个 字符宽。
But it works on Chrome only at the moment.
或者,正如已经提到的,您可以使用pattern
。
如果您的应用程序有字符集限制或任何其他限制 要求输入密码的实际内容,您可以 使用pattern属性建立要使用的正则表达式 自动确保您的密码符合这些要求。
答案 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>
此代码对我有用。尝试这个