HTML5 输入模式搜索报价

Question

我需要针对此正则表达式测试输入字段 ()：

[^'"]+

这显然不是一件容易的任务，因为我无法在内部使用 "使用 quot 实体似乎不起作用，因为它是由正则表达式引擎逐字解释的

。

Answer 1

HTML5 @pattern 属性正则表达式基于 JavaScript 正则表达式，因此您可以像在 JavaScript 中一样为该字符使用十六进制表示法或unicode 表示法：

" = \x22 OR \u0022
' = \x27 OR \u0027

以便您可以轻松使用

pattern="[^'\x22]+"

田田！不涉及 JavaScript 库！ ;)

Answer 2

您可以使用十六进制表示法代替 ' 或 "。

pattern="[^'\x22]+"

<form action="#">
<input type="text" title="no quotes!" pattern="[^'\x22]+">
<button type="submit">submit</button>
</form>