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 次出现的量化子模式的 ? 量词将按预期工作。