ng-pattern验证不起作用

时间:2014-09-12 10:06:10

标签: angularjs twitter-bootstrap angularjs-directive angular-ui-bootstrap

我正在尝试使用angular和Bootstrap进行验证,但由于某些原因,ng-pattern验证在Zip Code中不起作用。任何帮助都会很棒。

此处FIDDLE LINK

无法粘贴完整代码,但以下是我尝试使用ng-pattern指令的方法:

<input type="text" class="form-control" id="zipCode" name="zipCode"
       ng-model="auth.zip" ng-pattern="^(\d{5}-\d{4}|\d{5})$" required="">

2 个答案:

答案 0 :(得分:8)

问题在于,当您将模式放在内联而不是范围变量时,它需要/围绕正则表达式,就像一个小行星。

像这样:

/^(\d{5}-\d{4}|\d{5})$/

<强> Fiddle

请参阅 input docs ,查看参数部分,然后查看ngPattern

答案 1 :(得分:1)

嗨,你可以这样使用

$scope.zipNumbr = /^[0-9]{1,6}$/;