javascript - Angularjs ng-pattern 奇怪的行为

Question

我一直在研究一种接受 Twitter 参数(例如 # 和 @ 以填充 Twitter 提要)的表单。

对于 Angular.js，我计划使用内置的 ng-pattern指令在保存之前验证输入，但是验证的行为非常奇怪。它在键入时将输入的每第二个字符的“有效”字符串标记为无效。

很难解释确切的行为，所以这里是 Plunker .

为了完整起见，我将在我的输入字段中添加奇怪的 ng-pattern这里:

<input type="text" ng-pattern="/(^|\s)@(\w+)|(^|\s)#(\w+)/g" ng-model="foo" name="foo"/>

Answer 1

是因为g选项全局匹配，去掉就可以了。

多次调用test 或exec involves state :

As with exec (or in combination with it), test called multiple times on the same global regular expression instance will advance past the previous match.

基本上它正在尝试继续进行另一场比赛，但找不到:

a = /@(\w+)$/g;
> /@(\w+)$/g
a.exec("@test")
> ["@test", "test"]
a.exec("@test")
> null