javascript - 浏览器中集成的 html 5 工具提示显示错误消息

Question

我有这个html:

<input ng-disabled="disable" class="form-control ng-valid-maxlength ng-dirty ng-invalid ng-invalid-email ng-invalid-pattern ng-invalid-email-remove ng-touched" maxlength="50" ng-model="current.email" name="email" id="personEmail" pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" aria-disabled="false" aria-invalid="true" style="" type="email">

使用无效的电子邮件地址提交表单时，输入字段附近会显示工具提示错误。每个浏览器中输入字段中的文本都不同。Firefox 工具提示与 Chrome 工具提示不同，Chrome 工具提示与 Explorer 工具提示也不同。

我以为是我的应用程序处理了这个问题。但现在我越来越确信它在其他地方。当在我的所有文件中搜索工具提示中显示的文本时，我找不到它的任何痕迹。

那么是浏览器本身创建了消息？

当鼠标悬停在输入字段上时，如果我输入错误的电子邮件(例如 alt 标签)，我会看到相同的文本。

我正在寻找的是修改或删除此工具提示。原因是由于某种奇怪的原因，资源管理器中的文本不完整。虽然在其他浏览器中，工具提示中的消息是很容易理解的，但在资源管理器中，它声明了类似这样的内容(现在从英语以外的另一种语言翻译):

You must enter an email address in this format:

正如你所看到的，它要求以正确的格式书写，但没有解释格式是什么。

****编辑***

这是生成的html:

<input ng-disabled="disable" class="form-control ng-valid-maxlength ng-dirty ng-invalid ng-invalid-email ng-invalid-pattern ng-invalid-email-remove ng-touched" maxlength="50" ng-model="current.email" name="email" id="personEmail" pattern="^[_A-Za-z0-9-\+]+(\.[_A-Za-z0-9-]+)*@[A-Za-z0-9-]+(\.[A-Za-z0-9]+)*(\.[A-Za-z]{2,})$" aria-disabled="false" aria-invalid="true" style="" type="email">

Answer 1

将其添加到输入字段:

oninvalid="setCustomValidity('Plz enter on Alphabets ')"

解决了问题。