集成在浏览器中的html 5工具提示显示错误消息
集成在浏览器中的html 5工具提示显示错误消息
提问于 2017-05-30 22:04:40
我有这个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-tag。
我想要的是修改或者删除这个工具提示。原因是由于某种奇怪的原因，资源管理器中的文本是不完整的。而在其他浏览器中，工具提示中的消息是非常容易理解的，而在资源管理器中，它是这样说明的(现在正在从英语以外的另一种语言进行翻译)：
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">回答 1
Stack Overflow用户
发布于 2017-06-01 19:55:21
将以下内容添加到输入字段：
oninvalid="setCustomValidity('Plz enter on Alphabets ')"解决了问题。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/44264489
复制相关文章
相似问题
腾讯云开发者
