angularjs - ng-pattern 验证不起作用

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

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

这里是 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="">

最佳答案

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

像这样:

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

Fiddle

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

关于angularjs - ng-pattern 验证不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25805778/

相关文章:

javascript - Yeoman Mean.js 生成的自定义 AngularJS 指令不起作用

angularjs - 为什么 Bower 说 Angular 依赖于随机的东西?

javascript - 在 AngularJS 1.6 中悬停时在 md-select/md-options 上显示图像/背景

javascript - 对无效返回值应用 ng 类

css - Bootstrap 下拉列表 z-index 在模态窗口页脚下显示

jquery - Rails,让 Bootstrap 的 typeahead 能够与 Rails 和 jquery 一起使用(正常工作)

html - 如何使用 Bootstrap 将 header 中的现有 div 包含在移动菜单中?

javascript - 如何动态选择要在指令/ Controller 中使用的存储库/服务?

javascript - 如何在 AngularJS 中显示和隐藏代码块

javascript - 空注入(inject)器错误: R3InjectorError(DynamicTestModule)[FormBuilder -> FormBuilder]: NullInjectorError: No provider for FormBuilder