问题标签 [angular-validation]

我想验证允许像 []^_,atoz,1 到 10 个字符这样的特殊字符的文本框。使用 ng-pattern="/^[a-zA-Z0-9]*$/" 它允许输入但它没有启用提交按钮。但问题是我们不应该允许用户输入特殊字符，尤其是重音（`）：

并且还使用以下验证：

请帮助我。在此先感谢。

我在哪里可以获得内置验证器的错误对象键列表？

例如，如果一个字段使用required内置验证器，那么我可以检查：

form.get('myField').hasError('required')

但并非所有错误对象键都与验证器具有相同的名称。

例如，如果我使用maxLength验证器，则以下内容将不起作用：

form.get('myField').hasError('maxLength')

我尝试添加属性，例如ng-required="true"和ng-pattern="/^(d)+$/"动态，因为 DOM 是由 Angular 编译的。当我检查元素时，它们被添加并出现在元素上，但是它们似乎没有被初始化并且什么也不做。

我使用下面的指令执行此操作，在inp编译时将对象从模板传递到指令范围，该inp对象包含有关如何呈现输入的所有数据。

利用：

使用 angularjs 1.5.8

我开始创建我的第一个 Angular 4 应用程序。我正在测试表单验证。我创建了一个模板驱动的表单并添加了一些验证器。

现在，我想显示一个字段的验证错误。这是我的实际代码：

我害怕为表单中的每个输入都写这个！是否可以编写类似的东西（当然，我尝试了这段代码，但没有奏效）：

感谢您的帮助:)

我正在使用 Angular 的响应式表单，并希望根据控件的无效属性的值将 css 样式应用于 FormArray 内的控件。我想出了以下方法，但我认为 ngClass 属性中的表达式太长太复杂。是否有更简洁的方法来访问 FormArray 中控件的无效属性？

模板：

零件：

可能看起来像一个奇怪的形式，但为了这里的问题，我简化了它，这不是我的实际形式。但同样的情况也发生在这里。

所以我们有一个包含三个字段的模板驱动表单。“立即注册！” 只要表单无效，按钮就会被禁用。

问题是，只要“礼品收货地址”字段被禁用，它就不算在表单验证中，填写全名就足以使表单有效。

一旦我勾选复选框（“您想收到我们的生日礼物吗？”），输入不再被禁用，因此验证适用。

我不确定这是否是设计的行为，但我想知道是否也有办法对禁用的字段应用验证。

在我的 Angular 4 应用程序中，我有一个如下所示的自定义表单验证器：

但是当我尝试以我的一种反应形式使用它时：

我收到几个错误：

错误类型错误：无法在 FormControl.webpackJsonp.../../../forms/@angular/forms.es5.js.AbstractControl._updateControlsErrors (forms.es5.js:2836) 处读取未定义的属性“发射” .webpackJsonp.../../../forms/@angular/forms.es5.js.AbstractControl.setErrors (forms.es5.js:2772) 在 forms.es5 的 file-extension.validator.ts:17。 js:506 at Array.map () at _executeValidators (forms.es5.js:506) at FormControl.validator (forms.es5.js:462) at FormControl.webpackJsonp.../../../forms/@ angular/forms.es5.js.AbstractControl._runValidator (forms.es5.js:2720) 在 FormControl.webpackJsonp.../../../forms/@angular/forms.es5.js.AbstractControl.updateValueAndValidity (forms .es5.js:2688) 在新的 FormControl (forms.es5.js:3011)

ERROR CONTEXT DebugContext_ {view: {…}, nodeIndex: 0, nodeDef: {…}, elDef: {…}, elView: {…}}

ERROR Error: formGroup expects a FormGroup instance. Please pass one in.

But unfortunately they are not very helpful.

在 html 页面中有<form>验证和<a>标签，如下所示。

问题是，如果输入（电子邮件输入）被用户触摸但仍然为空，并且在该用户单击后<a>，页面不会重定向并且会出现输入错误消息，之后如果用户<a>再次单击该页面将被重定向，似乎检查验证和显示错误消息比通过<a>标签导航具有更高的优先级，这很奇怪，似乎它需要与用户交互的更多步骤然后导航才能工作。如何解决这个问题？

我正在尝试创建一个自定义 Angular 组件，它将现有的 Form 组件包装到一个组件中，例如，我没有一个标签、文本框、验证错误跨度，而是有一个组件可以将这三个组件一起呈现并自动管理验证状态。例如，当字段验证通过时，错误消息和 css 将被清除。所有这些都包含在名为 my-text-component 的组件中：

在我的组件类中：

我想做的是在这个组件上应用内置的角度验证器，并以某种方式将它们连接到输入元素，例如，做这样的事情：

应该应用验证器required，minlength并pattern应用于模板内的输入框custom-text。我如何实现这一目标？

我正在考虑指定一个可选的输入变量，该变量采用一组验证器并动态地将其设置在输入元素上——但不确定这是否是正确的方法？

任何帮助将不胜感激。

如果在反应形式中删除了该行，我如何能够禁用提交按钮。我很困惑，因为我可以通过编写 validators.required 来处理表单，但是如果删除了行，我该如何禁用提交按钮？代码如下。

html

ts