Javascript 如何在指定位置动态显示div

我的网页上有一些html文本框，现在我想用javascript验证文本框，这意味着如果文本框不包含有效数据，我想在包含无效数据的文本框旁边显示一个div，而不是一个经典的警报弹出窗口，有人能告诉我如何获取文本框位置并在文本框旁边显示带有错误消息的div

我在该页面上使用ajax jquery，因此不需要任何服务器端代码。。没有回发。

---

提前感谢。

您可以将该div作为一个空div添加到该文本框旁，分配一个ID，如果有错误，请检查并更改div的内容

document.getElementById('divforTextBox').innerHTML = 'this filed is wrong!';

检查这个例子

---

jQuery有许多方法可以实现这一点。

您可以通过以下代码实现这一点：

JQuery/JS代码：

function validation()
{
    if ($("#username").text() == "") 
    {
       $(".form-field").add("span").text("This is the error message or custom text");
       return false;
    }
}

HTML代码：

<div class="form-field">
   <input id="username" name="user" type="text" />
</div>

<input type="submit" onclick="validate" /> 

很好，但我的问题是我在该页面上有很多文本框，所以我希望避免使用多个div，而对所有文本框使用单个div。。。如果我执行上述操作，我还需要启用/禁用div，以防文本框中有多个无效条目。。我的意思是，如果有多个文本框包含无效条目，我需要为所有文本框处理单独的div。是的，你可以，但你必须获得每个文本框的位置，并将错误div附加到相对于该文本框的绝对位置。所以，为什么不简化并添加这些空div呢？您还可以确保文本框在所有浏览器上都呈现为ok。