如何禁用输入验证时显示的弹出窗口("请填写此字段")?

时间:2017-08-16 22:59:17

标签: javascript html forms angular

我正在使用Angular 2,我有一个带有输入的表单如下(为了便于阅读而简化):

<input class="body-text1" type="text" [(ngModel)]="model.name" name="name" required minlength="1">
<!--more, similar inputs -->

我有自己的角度验证,但第一个输入字段获得一个与输入相关的弹出窗口。例如,需要输入明文的弹出窗口会显示&#34;请填写此字段。&#34;标有type=email的输入会说&#34;无效的电子邮件,必须有@&#34; (我忘记了确切的电子邮件弹出文本)。

据我所知,我没有添加这些弹出窗口。我尝试将formnovalidate / novalidate作为属性添加到输入中,基于看似相似的问题,但它没有帮助

2 个答案:

答案 0 :(得分:1)

此弹出窗口显示,因为required属性位于元素上。如果删除它,弹出窗口将会消失,因此验证将会消失。

答案 1 :(得分:0)

您可能需要在表单中添加novalidate属性,以防止浏览器默认行为。

<form novalidate>