如何在HTML中验证输入字段的密码?

vkc1a9a2  于 2022-11-27  发布在  其他
关注(0)|答案(1)|浏览(155)

我的任务是使用密码字段,检查它是否至少有8个字符,至少由1个大写字符,1个小写字符和1个数字组成。我如何在HTML输入字段中使用模式属性来完成这一任务?

  • 谢谢-谢谢
des4xlb0

des4xlb01#

您可以使用pattern进行验证。

<input type="password" id="pass" name="pass" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters">

你可以学习more here
然而,如果你曾经想使用一些javascript,那么HTML5确实支持一些验证,甚至模式匹配,但我敢肯定,你需要一些javascript来让它工作,并将两个值与确认密码字段进行比较。
你可以试试这个

<input id="password" name="password" type="password" pattern="^\S{8,}$" onchange="this.setCustomValidity(this.validity.patternMismatch ? 'Must have at least 8 characters' : ''); if(this.checkValidity()) form.password_two.pattern = this.value;" placeholder="Password" required>

<input id="password_two" name="password_two" type="password" pattern="^\S{8,}$" onchange="this.setCustomValidity(this.validity.patternMismatch ? 'Please enter the same Password as above' : '');" placeholder="Verify Password" required>

相关问题