问题标签 [angular-validation]

我有一个动态生成字段的表单，我正在使用ng-form它。该表单有一个ng-repeat输入字段，主表单有一个“保存”按钮。

即，当输入字段之一脏且有内容时，应启用保存按钮，否则应禁用。

这是我的 HTML 代码：

因此，为了在表单最初加载时禁用我的保存按钮，我应该如何使用ng-form礼物来验证它？当其中一个输入字段中有一些文本时，应启用保存。不确定我们如何在表单保存按钮中ng-disabled处理ng-form

我正在考虑添加一些基本的电子邮件验证，以检查用户是否输入了正确的电子邮件地址。目前使用下面的方法，验证会随着用户键入而更新，当输入一个字符后出现错误时，这看起来很奇怪。

我想知道是否可以触发字段模糊的验证，例如在 angularJS 中：

我知道 html 中输入字段上的 blur 选项，但这不会使我的控件出错，除非有办法将控件置于错误状态。

谁能帮我指出正确的方向？

谢谢。

编辑：我正在寻找 angular2 解决方案，而不是 angularJS 解决方案。

在 angular2 beta 上工作Forms。经过大量搜索发现没有任何用处。希望这里有人帮助我。

基本上我有点困惑如何以适当的方式使用 angular2 中的表单（即使用 ngControl、ngFormControl 等）。我在这里创建了一个 plnkr

http://plnkr.co/edit/fictP28Vqn74YqrwM1jW?p=preview

这是我的 .html 代码：-

和 .ts 代码在这里：-

我无法理解如何从完整的表单中获取值作为对象。我的表单包括文本框、复选框、收音机和选择选项。现在这里有几个我的问题。

Q1:- 如何使用 angular2 中的表单获取单选、复选框、选择的值。change（我不想像我在 plnkr 中使用的那样为选择选项调用钩子）。

Q2：--因为在plnkr提交数据后表单控件没有被重置。对表单的控制仍然存在，但表单似乎已重置。那么如何在angular2中重置表单的控制。

Q3：- 在表单中使用验证的最佳方法是什么（如果有人有 plnkr 显示验证，请发布）。

我已经阅读了有关表单的这篇文章，但仍然没有成功使用单选复选框和选择选项。

http://blog.ng-book.com/the-ultimate-guide-to-forms-in-angular-2

我升级到 rc.4 并尝试使用新的 forms-api。这就是我得到的：

“TypeError：this.form.updateValueAndValidity 不是函数”

异常源自 Angular 中的文件“form_group_directive.js”：

console.log-statement 的输出是一个FormGroupDirective没有名为 的方法updateValueAndValidity。

上述错误消息对任何人都意味着什么？

<form name="myForm">...我写了这段代码，但是当我将我的应用程序放在标签内时它不起作用。我应该怎么做才能使它起作用！（只要我把它放在myForm里面ng-app就可以了，但我的应用程序应该在里面<form>）

jsfiddle

我试图通过观看 ngModel 来调用“自定义验证指令”。

我的提交函数名称是 dotted.[sllr.save()]

我应该如何在 ngShow 中输入这个函数名称？

我正在使用 ReactiveFormsModule 并定义了我的所有表单控件，包括简单的验证器，例如Validators.required在 const 配置中。

我想向其中一个 FormControls 添加一个自定义验证器。

我目前已将自定义验证器添加为此配置中的一个函数，它工作正常，但它不属于这里，它确实需要存在于我的组件中，但我不确定如何才能附加自定义验证器在FormBuilder配置完我的所有控件后手动进行。

请参阅下面的代码注释，如下所示

我如何在此处附加

* ??? *

this.form.get('site_id').add 自定义验证器

这是我当前的配置代码。

我有一个真正应该存储自定义验证器的指令

求职组件

求职编辑.html

我在 ng-repeat 中有一系列带有各种输入的表行，我正在尝试使用 angular 的内置表单验证来处理必填字段。一切正常，除了当我删除数组中支持 ng-repeat 的一项时。

这是我设置验证的方式

Plunker 显示我的问题

https://plnkr.co/edit/Q1qyqlSG69EXR2lTrsHk

在 plunker 中，如果您删除表的第一行，您会注意到虽然最后一行仍然无效，但错误已附加到上面的行。然后当您填写最后一行以使其有效然后再次清空时，错误仍然显示在错误的行上。删除后续行只会将错误从实际的无效行移到更远的位置，直到它们根本不出现在表中。

我应该用另一种方法来验证这些输入吗？

我使用 jQuery Validate 方便的addClassRules函数将规则应用于给定类的所有元素，而不是依赖于元素的name属性值。在使用jQuery Validate 的 Angular 包装器时，我发现该addClassRules功能不支持开箱即用。我尝试修改angular-validate.js以引入此功能，但没有运气。该文件很小，所以我将在下面粘贴整个内容以及我的修改。如果您愿意，请跳到最后的 TL；DR。

angular-validate.js（有一处修改）

如果我真的尝试addClassRules在代码中调用该函数，我只会得到一个错误。例如：

错误如下：

有没有办法让我addClassRules在其Angular 实现中使用 jQuery Validate 的功能？我可能需要进行哪些修改？或者，有没有更好的方法将验证规则应用于name属性以外的多个元素？

谁能帮助我通过指令将 $invalid 设置为 true 或将 $valid 设置为 false。当我尝试 console.log(ctrl) 时，我得到一个名为 FD 的数组，其中包含字段名称和表单名称... ctrl.$name 给了我表单名称，但 ctrl.fieldname 给了我未定义的名称。但是字段名存在于 ctrl 中。我该如何前进

提前致谢