javascript - 为什么这个简单的正则表达式除了 html5 输入模式属性之外在任何地方都可以工作？

Question

这个问题已经有答案了:

new RegExp('^\+\d{2}\.\d{10}$') doesn't work (3 个回答)

已关闭 7 年前。

This HTML input当输入中的值为“1”时，颜色本身为红色，表示模式不匹配。

var inp = document .createElement ('input');
inp .pattern = '^\d+\.?\d*$';
document .getElementById ("foo") .appendChild (inp);

正则表达式 /^\d+\.?\d*$/当我在其他地方测试时匹配“1”。看起来也应该如此。

为什么表单元素匹配失败？ (火狐浏览器。)

Answer 1

字符串表示，儿子。

您对模式属性的使用是正确的，因为您使用的是字符串文字。来自 MDN :

The regular expression language is the same as JavaScript's. The pattern is not surrounded by forward slashes.

但是，在字符串文字中，您必须先对 \ 进行转义，然后斜杠才能在字符串文字意义上获得自己的 li'l 解释。如果对它进行转义，它将被视为实际的斜杠，然后整个模式将被 RegExp 引擎识别为特殊字符。

var inp = document.createElement('input');
inp.pattern = '^\\d+\\.?\\d*$';
document.getElementById("foo").appendChild(inp);

https://jsfiddle.net/qatt3rwt/4/