javascript - 为什么某些有效的正则表达式不适用于 html5 模式属性？

Question

请参阅此 fiddle :http://jsfiddle.net/5vTc7/

如果您打开控制台，您可以看到模式属性中的正则表达式 ( (?=^[0-9]*(\.[0-9]+)?$)(?=.*[1-9]) ) 按照 JS 的预期工作，但是当您在输入中输入任何内容并尝试提交时，它会失败。

如果我的正则表达式有问题，我只是想将它限制为大于 0 的数字。我想使用数字输入(即 <input type="number"/> )，但我不能，因为它不允许您设置值的格式(例如，它将 0.00000001 显示为 1e-8，这是不可取的)。

这里我是一头雾水。有什么我想念的吗？为什么这行不通？

Answer 1

当您使用带 anchor 的模式时，如 The pattern attribute 中指定的那样, Javascript 也会失败

var pattern = '^(?=^[0-9]*(\.[0-9]+)?$)(?=.*[1-9])$';
var reg = new RegExp(pattern);
console.log(reg.test('1.0')); // will fail
console.log(reg.test('0.0')); // will fail

参见修改后的 JSFiddle

如果想限制输入为非空数字，可以使用

\d*[1-9]\d*(?:\.\d*)?|\d+\.\d*[1-9]\d*

此模式要求小数点前后至少有一位非空数字。

参见 JSFiddle