HTML 5输入正则表达式模式不起作用答案

【问题标题】：HTML 5 Input regex pattern not workingHTML 5输入正则表达式模式不起作用
【发布时间】：2014-05-02 16:52:12
【问题描述】：

由于某种原因，我在使用 HTML5 表单验证模式属性时遇到了问题。我正在尝试匹配此条件/[!?^$\\\/{}]/g。我尝试使用全局属性转义\ 删除\，删除[]，几乎所有内容。所以总是第一次在stackoverflow上发布问题。

简而言之，用户不应输入以下\/${}

<form action="#">
    <input type="text" required pattern="/[!?^$\\\/{}]/g">
    <button type="submit">Submit</button>
</form>

4.20 - 4.21 New export -> 应该是有效的

4/20 - 2/21 $New {export} -> 应该是无效的

【问题讨论】：

您要针对哪些字符串验证此正则表达式？
我认为你不能使用 /.../g 格式SO - Click here
你的意思是作为一个例子？如果用户做了4/20 - 4/21 $Date 那应该被拒绝。它应该接受除\/${} @GregBurghardt 之外的所有字符串字符
@JasonWilczak 已经尝试过了，但没有成功
您能否提供一个您希望被视为有效且您不认为有效的字符串示例？

【解决方案1】：

我已经尝试了上述所有答案，并且所有答案都有效（不知道我是否测试错了）。但以防万一：

我想如果你只想阻止\/${} 字符，这应该是正确的正则表达式[^\/\\${}]*

所以代码应该是这样的：

<form action="#">
    <input type="text" required pattern="[^\/\\${}]*">
    <button type="submit">Submit</button>
</form>

将^ 字符作为第一个字符放入括号中，它否定了句子，所以[^\/\\${}]* 表示不具有任何大小的/ \ $ { } 的字符串。

编辑：

按照 cmets 中的要求共享 jsFiddle。

【讨论】：

【解决方案2】：

使用pattern 属性时，您无需将RegEx 包含在/ 中。此外，g 标志也是不必要的，因为表达式必须匹配整个输入字段，而不仅仅是其中的一部分。

这应该足以满足您的目的：

<form action="#">
  <input type="text" required pattern="[!?^$\\\/{}]">
  <button type="submit">Submit</button>
</form>

【讨论】：