是否更改警报函数以在JavaScript表单验证中显示Div？

我正在试图找到一种方法来更改脚本上的警报函数，以显示我的div'error'，有人能告诉我怎么做吗？谢谢

HTML:

我试过：

function validateForm()
 {
 var x=document.forms["myForm"]["fname"].value;
 if (x==null || x=="")
   {
   show("error");
   return false;
   }
 }

错误css:

.error{
width: 946px;
margin: auto;
height: 20px;
overflow: hidden;
font-family: 'Lucida Grande', Tahoma, Verdana, Arial, sans-serif;
font-size:14px;
padding:20px;
background: rgba(255, 255, 255, 0.9);
border: 1px solid #000;
-webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-moz-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background-color:#FF9933 ;
margin-bottom:30px;
display: none

}

只需在html页面中添加div标记，如下所示，使用您指定的css类即可

   <div id ="alertBox" class="error">
    ERROR
  </div>

对于jquery：

$("#error").css({ // if "error" is a class use: $(".error").css({
    display:'block'
});

---

show是一个jQuery函数，您是否包含jQuery？您的html中是否存在隐藏并希望显示的id为的错误，或者您希望创建它只是为了验证目的？另外，正如R3tep所说，yu使用的是jQuery还是纯javascript？感谢这项工作，还有，我是否可以让脚本在表单中回显错误？e、 g.fname未完成etc@JohnTaylor：这是一个非常基本的例子。为了调整性能，我们可以用其他方法。但想法是一样的。你的代码仍然有很多错误-你如何关闭自定义消息框

   <div id ="alertBox" class="error">
    ERROR
  </div>

document.getElementById("alertBox").style.display='block';

$("#error").css({ // if "error" is a class use: $(".error").css({
    display:'block'
});