当前位置: 首页 > 面试题库 >

如何通过一个输入控件应用多个ng模式

闻人飞白
2023-03-14
问题内容

我正在尝试使用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>

问题答案:

首先,如mico所指出,在您的正则表达式语法中使用双管道是无效的,并且会破坏您的表达式。

其次,ng-
pattern每个输入只能验证一个模式。如果您需要它来验证或验证,则需要走两条路线之一,创建自定义指令,或向控制器添加一些逻辑以确定我们应该检查的表达式,然后使用数据绑定将其传递给ng-
pattern。在有角度的世界中,这是不好的做法,因此,最好的选择是发出指令。



 类似资料:
  • 问题内容: 表: 有了答案,我在这里得到了利用$ compile的这种方式 现在,当单击按钮时,我什至调用一个模态,并命令对象使用ng-model 感谢您的帮助,它运作良好。 问题答案: 编辑 :添加了用于演示 $ compile 用法的代码段 在html中,只有一个用于初始化应用程序的标签和一个用于初始化控制器的div。 在controller中,两个链接被创建为简单字符串,但分别具有两个,然后

  • 问题内容: 这是我的小提琴 https://codepen.io/seunlanlege/pen/XjvgPJ?editors=0011 我有两个输入,并且我试图使用一种方法来处理任何输入字段的事件。 我已经在互联网上四处寻找解决方案,但一无所获。 我正在使用es6,请问该如何处理? 问题答案: 您尚未将属性传递给handeChange函数。像传递它一样,并且接收道具的顺序是错误的,属性将是第一个

  • 问题内容: 如何创建绑定到一个并使用(已完成)输出两个字段的指令。从本质上讲,我 从模型到输入 工作都有一个方向,而 从输入到模型却 没有另一方向。如何实现呢? 我有这个HTML: 和一个模型: 边注; 我创建了一个过滤器来拆分这两个值: 而这个指令: 问题答案: 正确的方法(IMO)是按照此处所述创建自定义控件。 作为练习,我在此提琴中实现了它:http : //jsfiddle.net/6cn

  • 问题内容: 我有一个将联系人对象存储为状态的组件-{firstName:“ John”,lastName:“ Doe”,电话:“ 1234567890}我想创建一个表单来编辑此对象,但是如果我希望输入保留值对于原始的接触参数,我需要使每个输入成为受控组件,但是,由于状态仅保留{contact:{…}},因此我不知道如何创建一个可以适应每个参数的handleChange函数。以下是我目前拥有的- 我

  • 问题内容: 我有两个模板,分别带有控制器和服务文件。一个模板的(fleetListTemplate)控制器(fleetListController)从其服务文件(fleetService)加载数据并显示在其视图(fleetListTemplate)中。 当发生这种情况时,我单击从FleetService加载的数据之一,则应该将FleetListController链接到FleetSummaryCo

  • 我目前正在用Java编写一个程序,其中我需要从用户那里获得输入,这是一段文本。然而,我需要用户能够在一次输入文本的多个段落。当程序提示输入时,只需粘贴整段文本就可以实现这一点。我对输入使用扫描器,当我将多个段落粘贴到输入中时,无论何时打印存储文本的变量,都不会抛出错误,只输出第一节(在第一个换行符之前)。如何使用多个换行符存储整段文本,而不提示用户为每个文本块输入单独的输入? 我已经有了一些代码,