javascript - Angularjs 验证不适用于复制粘贴

Question

我正在尝试创建基于美国的电话号码验证###-###-####，使用 ng-pattern 和 tel-Mask 指令..

如果我做简单的复制粘贴1234567890，它工作正常但是

当复制粘贴有效的电话号码并将其删除时， 然后再次复制粘贴然后它给出错误..

这是工作 jsFiddle: https://jsfiddle.net/9xrx87mw/1/

Answer 1

在 JS 代码中，您从数字中删除了连字符，并且模式要求存在连字符。使它们可选并使用

ng-pattern="/^[0-9]{3}-?[0-9]{3}-?[0-9]{4,5}$/" 
                       ^         ^

参见 updated demo .

稍后会重建显示的值，因此允许匹配 1 次或 0 次出现的量化子模式的 ? 量词将按预期工作。