如何使用一个输入控件应用多个 ng-pattern

2023-12-05

我正在尝试使用 Angularjs 验证文本框中的邮政编码和电话号码。但这不起作用

 <input type="text" class="form-control errorfields" id="postalCode"
 name="postalCode" ng-model="postalCode" 
 ng-pattern="/(^(\d{5}(-\d{4})?|[A-CEGHJ-NPRSTVXY]\d[A-CEGHJ-NPRSTV-Z]
  ?\d[A-CEGHJ-NPRSTV-Z]\d)$)||(^[0-9])/"  required>

看这个答案:Angularjs 动态 ng 模式验证

您可以从作用域添加一个函数,该函数根据验证测试返回 true 或 false。下面是一些代码供您查看。请参阅答案以获取更多信息:

控制器:

$scope.postalCodeValidation = (function() {
    var regexp = /^\(?(\d{3})\)?[ .-]?(\d{3})[ .-]?(\d{4})$/;
    return {
        test: function(value) {
            return regexp.test(value);
        }
    };
})();

HTML:

<input type="text" class="form-control errorfields" id="postalCode"
 name="postalCode" ng-model="postalCode" 
 ng-pattern="postalCodeValidation "  required>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何使用一个输入控件应用多个 ng-pattern 的相关文章

随机推荐

  • 如何配置ListView自动改变高度?

    我有三个ListView相同的小部件LinearLayout 像这样的东西 我省略了与本示例不相关的 XML 元素
  • 包含自定义 cmdlet 的 Start-Job 因奇怪错误而终止

    我开发了一些定制cmdlets用于向 SharePoint 系统执行不同的导入任务 目前 所有这些 cmdlet 都在单个 PowerShell 脚本中以串行方式运行 我想更改此设置 以便每个 cmdlet 在单独的任务 作业 中执行 主脚
  • 自定义存储库基类 + QueryDslPredicateExecutor

    我已经发现QueryDslPredicateExecutor对于减少样板文件非常有用 但它似乎给工作带来了麻烦 我现在正在尝试延长JpaRepository使用自定义基类存储库 并且在启动时 Spring 无法正确实例化存储库 Custom
  • Docker:将 apt-key 与 alpine 镜像结合使用

    我正在尝试使用 alpine nodeJS docker 映像 但确实收到错误 bin sh apt key not found 我需要补充什么 FROM node 8 6 alpine RUN apt key adv keyserver
  • 输入层从深度学习模型的结构中消失

    我使用以下代码使用 VGG16 创建了 CNN 模型 但创建模型后 模型的输入层从结构中消失 见图 为什么输入层从结构中消失 vgg16 model keras applications vgg16 VGG16 model Sequenti
  • 如何使用 htaccess 规则停止直接执行 php 页面?

    在我的 htaccess 文件中 我定义了以下规则 使我的注册页面 URL 为http example com register RewriteRule register register php 上述规则完全没问题 但我可以从以下位置访问
  • C# int、Int32 和枚举

    If int是同义词Int32为什么 enum MyEnum Int32 Value 1 不编译 然而 enum MyEnum int Value 1 即使将光标悬停在 int 单词上也会显示 struct System Int32 底层类
  • FileStream 在顶部追加数据

    我正在开发一个实用程序 我想在文件顶部追加数据 但它是覆盖而不是追加 例如 考虑 file txt 这里存在一些东西 现在我想在当前行之前附加 此处存在更多内容 有没有办法可以不使用 2 FileStreams 不 文件系统基本上不支持将数
  • 如何将变量扩展到maven-archetype中的嵌套目录中

    假设我已经设置了groupId to com example and artifactId to fancy project 现在我想创建一个原型 这样在创建时会扩展为以下结构 src main com example fancy proj
  • MVC3 - 如何正确使用@html.checkbox?

    我是 MVC3 的新手 我不知道如何在 MVC 中使用复选框 我的视图中有一堆文本 例如 text1 text2 text3 text4 text5 submitbutton 该文本与任何模型无关 只是纯文本 我想为每个项目放置一个复选框并
  • 具有属性继承的表达式树导致参数异常

    继这篇文章之后 链接文本我正在尝试创建一个引用属性的表达式树 我的代码如下所示 public interface IFoo void X get set public interface IBar IFoo void Y get set p
  • 选择两个日期之间的记录

    我有以下查询 SELECT dm app id apt app name COUNT dm app id FROM dm openapp dm JOIN app table apt ON dm app id apt app id GROUP
  • SUMIF 包含数组中的元素之一 (OR)

    我有一个付款列表 我想总结其描述等于我的数组中的元素之一的成本 EMTE 120 00 Bread 35 24 Lidl 0 89 Plus 5 19 Aldi 2 29 Jumbo 4 70 所以用一个数组 Lidl Aldi 它会给我总
  • 当鼠标悬停在文本中的单词上时显示警报

    我已经为此苦苦挣扎了几天 我需要有人引导我走向正确的方向 我一直在网上搜索 我不确定我是否采取了正确的方法 我需要的是 每次有人将鼠标悬停在特定关键字上时 它都应该显示一个警报框 在这个例子中 这个词是 else 当我运行代码时 它不会给出
  • 如何在 Heroku 上使用本地 gem?

    我的 RoR 应用程序上有 gem 声明性授权的修改版本 它位于vendor gems declarative authorization下 我的 gemfile 有 gem declarative authorization 0 5 5
  • 如何在 Javascript 中使用递归函数时读取对象的属性?

    我想知道是否有人能指出我在这方面的正确方向 当我有一个对象时 我通常通过 FOR IN LOOP 读取它的属性 因为我知道属性是什么 因为我创建了这个对象 所以我知道键及其值是什么 我想知道是否还有其他方法 例如递归方法 来读取对象及其属性
  • 将字符串百分比转换为浮点数的干净方法是什么?

    我查看了标准库和 StackOverflow 但没有找到类似的问题 那么 有没有办法在不滚动我自己的函数的情况下执行以下操作 如果有人在没有内置方法的情况下编写出漂亮的函数 则会获得奖励积分 def stringPercentToFloat
  • 给Redis缓存添加过期时间

    我在我的 C 项目中实现了 Redis 缓存 我只是想知道如何才能超载Get
  • node.js 使 HTTP 服务器的请求和响应全局化?

    我刚刚开始使用 Node js 并运行了http nodebeginner org index html 很棒的入门教程 但我真的想知道是否可以将请求和响应设置为 全局 以便为当前传入请求加载的任何模块都可以访问这些 而不是注入 Ideas
  • 如何使用一个输入控件应用多个 ng-pattern

    我正在尝试使用 Angularjs 验证文本框中的邮政编码和电话号码 但这不起作用