Javascript 如何在HTML中为必填字段生成Bobble错误

我已经使用了下面的代码为使必要的领域，但我需要显示像下图

请检查以下链接以查看我的代码 我的代码：

你的名字：

注意：我使用过Safari浏览器。

---

谢谢

尝试使用jquery验证插件和来自jquery ui或第三方插件的工具提示

JSFIDLE中的解决方案：

了解更多信息：

<input type="number" />

::-webkit-validation-bubble

::-webkit-validation-bubble-arrow-clipper 

::-webkit-validation-bubble-arrow 

::-webkit-validation-bubble-message 

使用HTML5输入并通过CSS3设置气泡样式

HTML5输入示例：

<input type="number" />

::-webkit-validation-bubble

::-webkit-validation-bubble-arrow-clipper 

::-webkit-validation-bubble-arrow 

::-webkit-validation-bubble-message 

检查这篇文章：

<input type="number" />

::-webkit-validation-bubble

::-webkit-validation-bubble-arrow-clipper 

::-webkit-validation-bubble-arrow 

::-webkit-validation-bubble-message 

或使用“jQuery内联表单验证”：

<input type="number" />

::-webkit-validation-bubble

::-webkit-validation-bubble-arrow-clipper 

::-webkit-validation-bubble-arrow 

::-webkit-validation-bubble-message 

---

这应该更接近您想要的：

请注意，整个尖端（箭头、三角形）必须是纯色，因此不能像上面的图片那样加边框

它是定制的CSS从

---

你应该使用第三方工具，学习如何自己编写代码，还是雇佣一个可以的人。所以这不是一个“请为我编码”的网站。错误显示在同一位置Genius。。。如果我们想展示左下角意味着我将在哪里改变你真是个天才。。请分享你的skype。。对不起，我使用Skype仅用于商业事务。此外，我不能教你如何编码，因为这需要时间，我没有。好吧。我们将通过这里交流。。2更多的问题只有1。当获得该文本字段的焦点时，如何隐藏错误消息。2.有没有可能让它像我的图像一样弹出。。看到我的问题immage（带感叹号）我用谷歌搜索了一张图片，它只是关于编辑气泡的CSS背景。随便玩玩小提琴，了解我在那里做了什么（我添加了一些评论）；我将该名称作为该javascript的validation（），并调用了另一个函数。那么，如何实现这个注释：function validate（）{you code}function mycode{validation（）；nextmethod（）//它将仅在所有记录都已满时执行}