问题标签 [ng-messages]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
11475 浏览

javascript - Angular 动态地将 ng-messages 设置为 name 属性

我动态创建输入并希望验证其中的每一个,但无法将ng-messages属性正确设置为动态生成的字段名称属性。

我在第二行遇到问题,我将ng-messages动态设置为ng-messages. 我怎样才能做到这一点?

0 投票
2 回答
1734 浏览

angularjs - ngMessages 在指令模板中不起作用

我的 ngMessages 在我的指令模板中不起作用!

我有一个myInput带有模板和链接函数的指令,在模板函数中,我为包装的<label>and创建模板字符串<input>

在 Link 函数中,我使用require: '^form'FormController 并检索表单名称。然后我ngMessages在包装元素之后放置一个块。

用法:

0 投票
2 回答
425 浏览

javascript - 带有ngMessages的AngularJS:长度无效时跳过模式

我有这样的形式:

例如:

当我输入正常长度的电子邮件,但模式无效时,我只看到:

这是正常的。

但!

当我输入类似的内容时,a@a.a我得到了两个错误:

但这是真的吗,在我的最小长度有效之前跳过模式消息

我这样尝试: data-ng-show="submittedFrgPwd && forgotForm.username.$error.pattern && !forgotForm.username.$error.minlength && !forgotForm.username.$error.maxlength"

似乎工作,但它是丑陋的)

0 投票
6 回答
26421 浏览

javascript - Angular ng-messages:如何检查密码确认?

情况:

我在我的角度应用程序中使用ng-messages指令进行即时验证。一切正常,除了一件事:我需要验证“密码确认”字段并且不知道该怎么做。

编码:

问题:

如何使用 ng-messages 检查密码确认是否匹配?

0 投票
3 回答
983 浏览

angularjs - Angular JS - 如何在表单提交和有效输入后隐藏 ng-message

我正在使用 AngularJS 消息构建一个简单的表单。基本上我想要发生的是:

  • 用户提交表单,所有适当的错误都会显示并阻止提交
  • 用户然后完成字段,并且在“关注”字段后将错误一一隐藏($touched?)

第一点工作正常,但我无法弄清楚第二部分,之后我根本无法隐藏错误消息。我确定我遗漏了一些简单的东西,但其他相关问题并没有太大帮助。

有任何想法吗?

0 投票
1 回答
507 浏览

validation - 首次交互时未设置 UI 选择表单属性“已触摸”

我正在尝试使用ng-messagesangular 1.3验证多个 ui-select。在第一次交互时未设置该属性,即在选择内部单击,然后在外部单击。但是,这适用于 textarea 元素。$touched

包括plnk。有人可以说这里有什么问题吗?TIA。

0 投票
1 回答
1223 浏览

angularjs - ng-message-exp 显示所有消息

当我使用ng-message时,它按预期工作。但是,当我尝试使用时ng-message-exp,它会立即显示所有消息。有人可以确认这是否是错误吗?

请在此处找到 plnk

0 投票
2 回答
587 浏览

angularjs - ng 消息中的多个必需输入 [Angular]

我最近在 Angular 中遇到了 ng 消息的问题。我尝试将它用作验证器,但注意到某些东西不能按我想要的方式工作。当用户同时提供密码和用户名时,我希望 ctrl.login() 函数运行。不幸的是,现在只提供其中一个就足够了,该功能将触发。我怎样才能解决这个问题?

编辑:为了澄清。感谢您指出按钮禁用功能,但这不是我问题的重点。问题是 ctrl.login 函数将被触发(换句话说,表单将被提交),尽管只有 2 个所需输入中的 1 个已被填写。如果用户名或密码为空,我希望 ngMessage 将无法提交表单。提交按钮上的禁用功能只是我想在将来删除的快速修复程序。

EDIT2:如果有人想知道的话。我解决了这个问题。感谢您的帮助和贡献:)

0 投票
1 回答
674 浏览

angularjs - 在angularjs中显示ngMessages错误时出现ngif标记错误

我正在使用 ngMessages 验证表单,该表单是使用 ngRepeat.ngMessages 动态生成的,工作正常,但我想显示验证错误消息,仅单击提交按钮。我使用 ng-if 检查提交按钮是否被单击,当前表单字段是无效的 。但是我遇到了角度编译器错误,我认为这与动态构造控件名称有关。

任何人都可以建议以下标记有什么问题。

0 投票
1 回答
600 浏览

javascript - Angular JS ng-message 仅在页面提交时更新

我有一个表单,其中我仅在提交页面时显示验证错误,如下面的代码所示。此验证工作正常,但只要用户更正输入字段上的验证。验证消息立即消失。有没有办法在用户再次提交页面之前保留此验证消息?我的要求是验证消息应该只在页面提交时出现和消失。

例如,如果用户没有给出日期并提交了表单,则会向用户显示一条验证消息“日期为必填项”。现在,当用户输入任何值时,消息就会出现。我需要保留此验证消息,直到页面再次提交。

我尝试了 ng-model-options 但在提交页面之前输入字段不会保留该值。

请建议。