html - 输入字段接受任何字符，忽略正则表达式

Question

我的输入字段有以下正则表达式，经验证是正确的:

<input type='text' name='email' pattern="[/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/]" />

但是，我的字段接受任何字符串，忽略正则表达式。我在 Vue.js 工作。我错过了什么？

请注意，正则表达式取自 here .

Answer 1

使用

pattern="^\w+([.-]\w+)*@\w+([.-]\w+)*(\.\w{2,4})+$"

方括号和斜杠不是模式的一部分，必须删除。

请注意，括号内的特殊字符会失去其特殊含义，因此请使用 [.-] 而不是 [\.-]。