Question

我想知道如何将 AlertBox 更改为 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>

这是JavaScript中的名字输入代码：

  function validateForm(){

 var x=document.forms["form"]["name"].value;
  if (x==null || x=="")
      {
  alert("First name must be filled out");
  return false;

       }
   }

Answer 1

在您的HTML中添加以下内容：

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

然后在JS中，你可以这样做：

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

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

<强>读数：

Answer 2

你的问题是关于表格？从HTML5开始，您可以在输入选项卡上简单地编写所需的内容，直到您编写一些数据它才会进行验证。然后您可以对其进行清理。

Answer 3

除了Ramy的响应，你可以添加jquery hide / show effects来显示和隐藏div元素。另外，不要忘记将样式“z-index”添加到div中，以便它显示在网页的其他内容上方。

如何将AlertBox更改为div？

3 个答案: