Jquery HTML5，定位验证错误消息

如果我有一个表单并使用以下jQuery代码：

$(document).ready(function() {
    var elements = document.getElementsByTagName("input");
    for (var i = 0; i < elements.length; i++) {
        elements[i].oninvalid = function(e) {
            e.target.setCustomValidity("");
            if (!e.target.validity.valid) {
                e.target.setCustomValidity("This field cannot be left blank");
            }
        };
        elements[i].oninput = function(e) {
            e.target.setCustomValidity("");
        };
    }
});

$（文档）.ready（函数（）{
var elements=document.getElementsByTagName（“输入”）；
对于（var i=0；i

如何将错误消息置于正确位置，如图所示：

---

请注意，该错误是由浏览器引起的。（Google Chrome对吗？）是的，Chrome是浏览器。确保父元素（错误框所连接的元素）具有

位置：相对样式如果您仍然对此有兴趣，我可以帮助您。如果是，请添加另一条评论，但不要添加“@joshuawilson”，这样我会得到通知。“如果你不回答，我就认为你继续前进了。”“约书亚·威尔逊，如果你对此有所贡献，就把它放在这里，你不仅可以帮助提出问题的人，还可以帮助其他有类似问题的人。不要隐瞒，分享你的想法。