regex - HTML5 表单输入模式正则表达式未按预期运行

Question

我使用 regex101 作为正确 javascript 正则表达式的基线。这是我的模式:

/^(?=.*[0-9])(?=.*[a-zA-Z]).{8,40}/g

我正在尝试创建一个 8-40 个字符的密码正则表达式，其中包含任何字符，但至少有一个数字和至少一个字母字符。

关于 regex101 ，此模式按预期工作。 asdf1234 正确匹配。

但是，尝试在 html5 表单输入模式中使用此模式并没有匹配相同的结果。

fiddle

我做错了什么？

Answer 1

不要在 HTML5 模式属性中使用正则表达式文字，它只接受字符串模式(模式两端的 / 符号被视为文字斜线)。

<form>
    <input type="text" pattern="^(?=.*[0-9])(?=.*[a-zA-Z]).{8,40}$" />
    <input type="submit" value="OK" />
</form>

请注意，此模式中的 ^ 和 $ 不是必需的，因为 HTML5 模式中的正则表达式默认锚定，但可以使用(它会更容易使用 regex101 或类似服务进行调试)。