问题标签 [angularjs-validation]

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 投票
2 回答
448 浏览

html - Angularjs 电子邮件验证触发太快?

我正在尝试验证 angularjs 中的电子邮件字段,如下所示:

这一切都按预期工作,但由于用户键入“. 然后在用户继续输入时隐藏。因为电子邮件@电子邮件。无效,但 email@email.com 有效。

问题是验证发生得太快,在用户完成输入之前。

我试图通过使用 $touched 标志来解决这个问题,但它仅在用户第一次输入电子邮件时解决。当他们回去更正电子邮件时,他们最终会在键入“。”时弹出错误消息。或域名中的“-”。

有没有人以某种方式解决了这个问题?

0 投票
9 回答
105530 浏览

javascript - 使用 Angular js 验证电话号码

想要将电话号码设置为10位数字,我该如何使用 Angular js 来做到这一点。

这是我尝试过的:

但我没有收到验证错误。

0 投票
3 回答
5799 浏览

javascript - 在输入不匹配时添加 ng-invalid 类

如果类无效, Angular 会ng-invalid自动将类添加到电子邮件输入字段中,如果类不匹配,如何ng-invalid添加类,如果匹配则删除。input#confirmEmailinput#email

基本上我不需要在不匹配的情况下显示任何消息,只想通过ng-invalid类突出显示输入字段并基于此验证表单。

0 投票
2 回答
8190 浏览

angularjs - 未选中复选框以使表单无效

尝试为我的表单中的复选框添加表单验证器,以防它未选中,表单将具有ng-invalid.

如果未选中,任何关于什么可以触发添加ng-invalid到表单的建议,反之亦然。

0 投票
1 回答
1402 浏览

angularjs - 角度js中一个文本区域上的多个正则表达式模式

我有一个文本区域字段,它输入 4 种类型的个人详细信息,用逗号分隔。我需要使用正则表达式验证这 4 个值中的每一个。这是我的方法,但它不是进行验证的角度方式。

这种方法一次只能验证一个细节。但理想情况下,它应该以大部分角度方式动态验证。请提出你的想法。谢谢

0 投票
1 回答
822 浏览

angularjs-validation - 以小写或数字开头的 ng-pattern 正则表达式,也以小写或数字结尾

我似乎无法找出输入验证的正确模式。我试图允许以小写字母或数字开头、以小写字母或数字结尾且仅包含小写字母、点或破折号的字符串。到目前为止,我已经得到了这个, ng-pattern="/^[a-z\d][a-z\d-.]*[a-z\d]$"但它不起作用。

0 投票
2 回答
771 浏览

javascript - Angular 验证中的 ng-disabled 未按预期工作

http://plnkr.co/edit/9Yq6aZHtKCuZMtPbjBIN?p=preview

我试过并试图让它工作,但我没有运气。我正在尝试使用 angularJS 和内置验证功能禁用提交按钮。我发现当你第一次加载表单时,提交按钮是活动的——不是禁用的!

我已经测试并尝试过,我发现我的验证代码在团队名称中接受一个空字符串/空字符串,尽管我需要输入。

有谁知道如何正确格式化?我让它工作的唯一方法是用一个空格替换一个空字符串来伪造数据......在生产中这是不可接受的......

这是 index.html:

这是 app.js:

0 投票
1 回答
123 浏览

angularjs - angularjs 点击编辑并进行验证

我的表单在验证空字段时遇到问题。当用户单击编辑按钮并清除输入字段然后单击发送按钮时,不会发生任何验证。我已经尝试过 angularjs 的表单验证,但它似乎不起作用。这是实时视图谢谢

http://jsfiddle.net/5DMjt/920/

}

0 投票
2 回答
135 浏览

angularjs - 如果 ng-required 为真,则 angular 会删除 ng-model 变量

如标题..如何防止此类操作发生?这是官方网站的链接,请参见示例。变量user.name绑定到第一个输入userName,如果输入为空,user.name则删除对象。如何禁用 angularjs 的此功能?

0 投票
2 回答
492 浏览

angularjs - 在 Angular 中重用验证条件

我喜欢 Angular 表单验证状态的粒度,但是当你有一个包含很多字段的表单时,它会变得有点笨拙——即使是两个字段也会让你的标记变得有点模糊。采取以下示例片段:

有没有办法做更像下面的事情?