HTML5 - 模式无法正常工作

Question

我正在制作一个需要以下内容的模式：

• 8-10字符串长度
• 1号
• 1拉丁字母
• 1个特殊字符

这是我的模式：

(?=.*\d)(?=.*[A-Za-z])(?=.*[@#$%^&*()_+]).{8,10}

这是我的标记：

<input pattern="(?=.*\d)(?=.*[A-Za-z])(?=.*[@#$%^&*()_+]).{8,10}" type="password" placeholder="Password" class="form__input" required title="One latin,One number,One Symbol" />

为什么它不像我期望的那样工作？

Answer 1

也许试试这个：

"^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,10}$"