AngularJS ng-pattern不能像预期的那样处理条件
AngularJS是一种流行的前端开发框架，它提供了丰富的功能和工具来简化Web应用程序的开发过程。其中一个重要的功能是ng-pattern指令，它用于在表单验证中指定一个正则表达式模式。然而，有时候ng-pattern可能无法按预期处理条件，这可能是由于以下几个原因：
- 正则表达式模式错误：首先，需要确保ng-pattern指令中的正则表达式模式是正确的。正则表达式是一种强大的模式匹配工具，但它们也很复杂。请仔细检查模式是否正确，并确保它符合您的预期。
- 表单控件类型不匹配：ng-pattern指令只能用于某些特定类型的表单控件，例如input和textarea。如果您尝试将ng-pattern应用于不支持该指令的控件上，它将不起作用。请确保您正在使用正确的表单控件类型。
- 控制器范围问题：ng-pattern指令需要在控制器的范围内使用。如果您尝试在错误的作用域中使用ng-pattern，它可能无法正常工作。请确保ng-pattern指令在正确的控制器范围内使用。
- 其他表单验证指令的干扰：ng-pattern指令可能与其他表单验证指令相互干扰。如果您同时使用了多个验证指令，例如ng-required和ng-minlength，它们可能会影响ng-pattern的行为。请确保您的验证指令之间没有冲突，并且按照您的预期工作。
总结起来，当ng-pattern不能像预期的那样处理条件时，您应该仔细检查正则表达式模式、表单控件类型、控制器范围和其他验证指令的干扰。如果问题仍然存在，您可以查阅AngularJS官方文档或寻求社区支持来获取更多帮助。
腾讯云提供了一系列与AngularJS开发相关的产品和服务，例如云服务器、云数据库、云存储等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于这些产品的详细信息和使用指南。
相关·内容
5回答
Angularjs表单验证命令
javascript、angularjs、forms、validation、angular-directive
我有一个简单的html表单，包含常规的文本输入。在输入端设置ng-minlength、ng-maxlength和ng-pattern角。
问题：ng-pattern检查是在ng-minlength和ng-maxlength进行长度检查之前应用的。
问:如何更改默认的检查顺序:即首先检查长度，然后应用模式检查？
示例：
<body ng-app>
<div>
<form name="myForm">
Name: <input name="name" type="te
浏览 3提问于2014-03-19得票数 5
回答已采纳
3回答
为什么添加额外的AngularJS验证指令会导致$asyncValidators多次运行？
angularjs、angularjs-validation
为什么添加额外的AngularJS验证指令会导致$asyncValidators在加载页面时多次运行？
我创建了一个实现$asyncValidators的自定义指令。这是该自定义指令的基本结构：
myApp.directive('userSaved',['$q','userLookup',function($q, userLookup){
return {
restrict: 'A',
require: 'ngModel',
link: function(scope, elem, attrs, ctrl
浏览 1提问于2015-07-31得票数 3
回答已采纳
2回答
电话号码验证Angularjs
javascript、angularjs、forms、validation、input
我在验证电话号码时遇到问题。电话号码是一个10位字符串，应在三个输入字段中填充第一个输入字段-只有3个数字(要求，只能接受号码和最大长度3)第二个输入字段-只有3个数字(要求，只能接受号码和最大长度3)第三个输入字段-只有4个数字(要求，只能接受号码和最大长度4)
和制表符应该移动到下一个输入字段，当第一个字段中实现了最大字符数时，当以上条件都不满足时，字段应该是红色的
<label for="phoneone" aria-label="Enter First 3 digits of your phone no."><input id="
浏览 0提问于2015-06-23得票数 0
3回答
用angularJS验证输入文本
html、angularjs
我有一个表单，它在待办事项列表数组中添加项。但是，如果输入字段为空，则我的函数将向数组添加一个空值。
验证表单的最佳方法是什么？
<form name="formaddtodo" ng-submit="todoList.addTodo()">
<input type="text" ng-model="todoList.todoText" ng-minlength="1" size="30"
placeh
浏览 4提问于2017-04-21得票数 0
回答已采纳
1回答
角js中的多重正则表达式
angularjs
我对每个输入字段都有正则表达式，我希望它们都在一个位置上--可能在一个控制器中。我试过这样做，我不确定这是不是正确的方法。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="${pageContext.request.contextPath}/js/Registratonvalidation.js"></script
浏览 2提问于2015-06-12得票数 1
1回答
如何在$asyncValidators中使用angularjs并设置警告消息
javascript、angularjs、angular-promise
这是我第一个具有验证等功能的更大的表单。我创建了一个注册表单，并使用ng消息进行验证。问题是，我需要验证用户名，它是否已经存在于我们正在使用的JSON服务器中，或者它是可用的。当然，如果将警告弹出在用户名输入所在的HTML中，如果用户名输入可用，则提交按钮不再禁用(因为表单将是$valid)，用户可以注册。我想使用angular-sanitize，因为我发现了这个(我不知道它们是否相关)：
ngModel.$asyncValidators.uniqueUsername = function(modelValue, viewValue) {
var value = model
浏览 0提问于2017-06-22得票数 0
1回答
angularjs - ngMessages和验证不像预期的那样工作
angularjs、ng-messages
我正在向我的应用程序中的用户注册页面添加验证，我正在尝试使用ngMessages和内置的angularjs验证。
我正在经历奇怪的行为，密码匹配和模式在一般情况下。
下面是密码匹配的代码：
<span>Password (6 to 16 character)</span>
<span class="item item-input">
<input type="password"
ng-model="u
浏览 3提问于2016-05-27得票数 0
回答已采纳
3回答
清除所有输入并在单击时恢复.ng-pristine
angularjs
这仍然是我从一位开发人员那里继承项目后使用AngularJS的第一天。我想知道，我的界面上有一个登录/注册表单，一旦提交项目/表单，它就会隐藏起来。现在，一旦用户提交，是否有一种正确或适当的方法来清除其条目的形式，并恢复条目上的.ng-pristine类。这样做的原因是，如果用户选择注销，然后再次登录(或者另一个用户希望注册)，表单就会被填充，并且已经应用了验证css。我不想要这个，我希望所有的东西都是空的，没有CSS应用。
我可以在JavaScript中做到这一点(显然)，但是由于AngularJS是一种不同的方法，我想知道是否应该用另一种方法来解决这个问题，而不是遍历表单项并将类附加到每个
浏览 0提问于2013-09-23得票数 3
回答已采纳
1回答
如何验证输入参数格式？
angularjs
我想要一些关于使用ng-pattern的具体帮助和建议。
我有以下规则：
密码必须至少有一个非字母或数字字符。
密码必须至少有一个数字('0'-'9')。
密码必须至少有一个大写字母('A'-'Z')。
在我的前端，HTML中有这样的内容：
<span ng-show="regForm.password.$dirty &&
!regForm.password.$error.required &&
!regF
浏览 0提问于2015-11-05得票数 9
回答已采纳
3回答
独立作用域的AngularJS表单验证
javascript、forms、angularjs、validation
我想使用AngularJS提供的内置表单验证。但是，在表单中，我使用了自定义指令，每个指令都有一个独立的作用域。因此，表单元素无法访问绑定值。
你知道怎么解决这个问题吗？
或者，是否可以在不使用表单的情况下使用AngularJS验证？
ng-minlength和ng-required指令不会触发表单验证。
<div ng-app="myApp" ng-controller="myCtrl">
<form name="myForm" novalidate>
<do-something ng-mo
浏览 0提问于2014-06-23得票数 6
3回答
在AngularJS中使用ng模式验证电子邮件
angularjs、forms、validation、ng-pattern
我是Angular的新手，在获取ng-pattern来验证基于REGEX的电子邮件地址时遇到了麻烦。事实上，电子邮件的另一个默认角度验证也会改变行为，只有在我插入ng-pattern时整个字段为空时才会显示错误。最初尝试使用指令和控制器，但发现ng模式(在理论上)可以达到验证电子邮件的相同效果，因此决定使用它。
我已经使用了几个REGEX模式，并且阅读了一些关于ng-pattern的文章，比如来自：、、和许多其他链接，但是都不起作用。有没有人知道我需要做些什么才能让事情变得正常？
<form name="userForm" novalidate>
<
浏览 5提问于2016-02-11得票数 4
回答已采纳
1回答
当不使用表单标记时，angularjs如何检测$dirty？
html、angularjs
我使用的是$window.addEventListener(“卸载前”)。以检测是否对页面进行了更改，并且它主要是按照预期工作的。我也在用$transitions.onStart..。若要检测何时使用后退/转发浏览器按钮，请执行以下操作。我不明白这是如何工作的，因为我的HTML模板中没有任何表单标记，只是在div中输入。
我已经做过这方面的研究，似乎找不到答案，除了没有必要使用表单标签来检查输入的脏度。我只是不知道这在幕后到底是怎么回事。
<div class="modal-header bg-primary">
<button type="but
浏览 0提问于2019-01-10得票数 3
回答已采纳
1回答
AngularJS:试图立即验证的自定义验证器
javascript、angularjs
我有一个表单，其中一些输入通过指令连接到自定义验证器。输入应该在blur上进行验证，并通过异步REST调用进行验证。
HTML：
<input type="text"
validate-this
ng-model="thisField"
ng-model-options="{'updateOn': 'blur'}"
ng-pattern="some pattern"
/>
指令(简称简略)：
return {
access: 'A',
re
浏览 3提问于2014-10-27得票数 2
1回答
ng-文件上传功能不触发功能
javascript、asp.net-mvc、angularjs、angular-file-upload
我试图上传一个文件到我的服务器，比如，保存到数据库的路径和文件到文件夹，因为我尝试了ng文件-上传这里是我的代码。
<form ng-show="divPatient" name="PatientForm" ng-submit="AddUpdatePatient()">
<table>
<tr>
<td>
<input class="form-control" type="text" readonly placeholde
浏览 3提问于2015-07-08得票数 0
2回答
禁用单个输入的角形验证(url)
angularjs
我正在构建一个带有URL字段的角表单，该字段可以用前缀(http://) )或不带前缀进行格式化。使用角的默认url验证需要http://，，因此我插入了以下正则表达式，它接受带前缀和不带前缀的命令：
<input type="text" id="siteAddress" name="siteAddress" ng-model="user.url" ng-pattern="/^(https?:\/\/)?([\dA-Za-z\.-]+)\.([a-z\.]{2,6})([\/\w \.-]*)*\/?$/"
浏览 4提问于2014-01-27得票数 4
回答已采纳
1回答
验证JSF实体中的持久性日期
mysql、jsf、date、bean-validation
：
<h:outputLabel for="birthdate">Birthdate (yyyy-MM-dd)</h:outputLabel>
<h:inputText id="birthdate" value="#{userController.user.birthdate}">
<f:convertDateTime pattern="yyyy-MM-dd" />
<f:ajax event="blur" render="birthda
浏览 4提问于2014-02-02得票数 1
回答已采纳
1回答
Angularjs确认密码指令:为什么它看不到键盘输入？
javascript、angularjs、angularjs-directive
我正在Angular.js中构建自己的“确认密码”指令。我是从这个得到灵感的。
我的指令：
directives.directive('pwCheck', function(){
return {
require: 'ngModel',
link: function(scope, elem, attrs, ctrl){
var pw1 = attrs.pwCheck;
var pw2 = attrs.ngModel;
scope.$watchGroup([pw1,pw2],function(valu
浏览 1提问于2015-10-04得票数 2
回答已采纳
1回答
AngularJs:禁用提交按钮是从firebug控制台获得的。
validation、angularjs、angularjs-directive
我使用ng:禁用指令来禁用我的提交按钮。它的工作效率很好直到所有必需的输入字段都被填充，但是当我使用控制台检查元素并手动从submit按钮中删除禁用的属性时，它的get“启用”和表单就被提交了。所以我的问题是如何处理这类问题。有任何选项可以检查从控制器验证和从控制器启用/禁用提交按钮。
请给我一些建议。
基本上，我指的是这个网址：
浏览 0提问于2013-07-25得票数 0
回答已采纳
5回答
如何在一个输入控件中应用多个ng模式
angularjs
我正在尝试使用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)$)||(
浏览 5提问于2015-07-15得票数 4
回答已采纳
1回答
AngularJS指令创建OnTheFly文本框和验证
javascript、angularjs、validation、angularjs-directive、textbox
在指令中，我正在创建一个正在运行的文本框，并与其一起验证。
文本框正在正确创建并正常工作。
见plnker：
但是错误div显示并不是从指令的propErrPattern：'=‘和propErrReqr：'=’=‘直接生成的。
我试过至少十几种方法，但都没有用。该模板正在生成：
<p class="error" ng-show="propErrPattern || propErrReqr">
<b class="ng-binding">Required. Length:- Characters:
浏览 2提问于2017-05-31得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
