angular2表单验证本机警报[重复]

Posted 2023-03-13

【中文标题】angular2表单验证本机警报[重复]

【英文标题】：angular2 form validation native alret [duplicate]

【发布时间】：2017-10-27 00:45:15

【问题描述】：

我使用 formBuilder 制作了 formGroup 和 formControl。

下面的代码是我的代码的一部分。

companyPhoneFormGroup: fb.group(
    companyPhone: fb.group(
        head: [ '', Validators.required ]
    )
)

我想向我的用户展示这样的本地警报，而无需在 html 模板中写入“必需”。我找不到这种方式。请帮我。谢谢。 enter image description here

【参考方案1】：

我猜你正在寻找 ngNativeValidate

只需将其添加到您的表单标签中：

<form [formGroup]="companyPhoneFormGroup" ngNativeValidate></form>

编辑：忘了，虽然这意味着您需要在输入字段中设置required：

<input formControlName="head" required />

【讨论】：

我觉得这个不太好，可以看看相关文档吗？而且我没有使用角度 4，我使用角度 2。

你必须在 html 中有“必需”吗？

这就是我所看到的。现在当我用谷歌搜索时，我发现这将是这个的副本：***.com/questions/43189364/… 其中还提到没有任何记录......对不起大家的欺骗！

是的，你需要有required。

没关系。谢谢你的帮助。