有没有办法在某些浏览器中定位电子邮件提示？

Question

在my website上点击“注册”，然后在电子邮件输入中输入不是电子邮件的内容（例如，只是“asd”），然后点击“注册”（只需使用任何内容密码（例如'Asdasd12'））Chrome会显示一条消息，告诉您缺少的内容。 Firefox尝试相同，但如果你做同样的事情，它会定位一个尴尬的'请输入一个电子邮件地址'。提示完全错误的地方。

有没有办法告诉每个浏览器定位这些电子邮件提示的最佳位置？

（注意：网站在IE中被破坏，但它仍然将提示放在正确的位置，它似乎只是firefox。）

Firefox：Chrome比较图片：

Answer 1

鉴于您已经有各种字段的提示，可能不需要额外的HTML5验证提示。您可以通过向表单添加novalidate属性来关闭它们：

<form action="..." novalidate>
</form>

我发现this issue似乎与你的相似。在我的Firefox中，HTML5验证提示正确定位。我无法找到一种一致的跨浏览器方式来设置HTML5验证提示的样式。

顺便提一下，显示/隐藏表单提示的页面上的代码使用onfocusin和onfocusout事件，这些事件在Firefox中不受支持（请参阅the W3schools explanation）。将这些更改为onfocus和onblur将适当地显示/隐藏Firefox以及当前正常工作的其他浏览器中的提示。

<input class="" id="email1" oninput="Check(1)" name="email1" placeholder="Email" maxlength="128" onfocus="Show('email-hint'); Move(1);" onblur="Hide('email-hint');" type="email">