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

Question

我有一个input字段的以下正则表达式，该表达式已验证为正确：

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

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

请注意，正则表达式是从这里获取的。

Answer 1

使用

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

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

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