有效的正则表达式不适用于AngularJS

您需要将与模式匹配的整个字符串匹配的正则表达式定义为可选模式:

ng-pattern="/^(?:\+[0-9]{2} [0-9]{3} [0-9]{3} [0-9]{3}|[0-9]{2} [0-9]{7})?$/"
            ^^                                                           ^^

或者,稍微短一点:

ng-pattern="/^(?:\+[0-9]{2}(?: [0-9]{3}){3}|[0-9]{2} [0-9]{7})?$/"

var mypattern = /^(?:\+[0-9]{2}(?: [0-9]{3}){3}|[0-9]{2} [0-9]{7})?$/;

注意,当使用正则表达式分隔符时,正则表达式需要锚来匹配整个输入。

见 regex demo .

细节

• ^ -字符串开头
• (?: -启动可选的非捕获组:
  • \+ + 烧焦
  • [0-9]{2} [0-9]{3} [0-9]{3} [0-9]{3} (等于 [0-9]{2}(?: [0-9]{3}){3} )-2个数字,然后出现3个空格,3个数字
• | -或
  • [0-9]{2} [0-9]{7} -2位,空格,7位
• )? -可选组的结尾
• $