Javascript 如何将AlertBox更改为div？

我想知道如何将警报框更改为div

我希望alertBox消息显示在输入旁边，但显示在div中

多谢各位

这是我的表单输入代码：

 <form  name="form" action="gigi.php" method="POST" onsubmit="return validateForm()">
 <input type="hidden" name="action" value="submit">
 First Name:<br>
 <input  name="name" type="text"  size="30"/><br>
 Last Name:<br />
 <input  name="lname" type="text"  size="30"/><br>
 Email:<br>
 <input  name="caca" type="text"  size="30"/><br>
 Your message:<br>
 <textarea name="message" rows="7" cols="30"></textarea><br>
 <input class="submit" type="submit" value="Send email"/>
 </form>

---

在HTML中添加如下内容：

<div id="form-errors"></div>

读数：

---

您的问题是关于表单的？由于HTML5，您只需在input选项卡上写入required，在您写入一些数据之前，它不会进行验证。。然后可以对其进行清理。
除了Ramy的响应之外，还可以添加jquery隐藏/显示效果来显示和隐藏div元素。

---

另外，不要忘记将样式“z-index”添加到div中，这样它就会出现在网页的其他内容上方。
这是您基本的“如何编写此代码”问题。这些问题在这里答案不多。在需要的地方创建一个div。。。在需要时，使用javascript将内容动态插入到该div中，而不是使用alert。这一点都不难，但它确实需要你读一点书，了解你想做什么。我知道这听起来需要做很多工作，但我知道你已经做到了。这很有效，我还想做一些其他的事情。我想让错误文本出现在每个输入的右侧。然后在字段后面添加一个span标记或类似的东西，并使用其id值将错误附加到正确的span中。

<div id="form-errors"></div>

var alertDiv = document.getElementById('form-errors');

if (!x || x == '') {
    alertDiv.textContent = 'First name must be filled out!';
}