创建多个JavaScript错误消息联系表单？

我是JavaScript新手。我知道如何创建一个警报框，现在如果HTML表单中的某个字段为空，我会创建一条错误消息，但是有人能告诉我如果多个字段为空，如何显示多条错误消息吗？下面是我的表单和JavaScript的HTML代码：

<form action="form.php" method="post" name="contactform" 
onsubmit="return validateForm()">
<fieldset>
<legend>Your Details&#58;</legend>
<label for="name">Name&#58;</label><br>
<input type="text" name="name" id="name" onblur="validateForm()"><br>
<span id="error"></span>
<label for="email">Email&#58;</label><br>
<input type="text" name="email" id="email"><br>
<label for="telephone">Telephone&#58;</label><br>
<input type="text" name="telephone" id="telephone">
</fieldset>
<br>
<fieldset>
<legend>Your Information&#58;</legend>
<p>
<label for="service">What service are you inquiring about?</label>
<select name="service" id="service">
<option value="Collision">Collision</option>
<option value="Mechanical">Mechanical</option>
<option value="Custom">Custom</option>
<option value="Other">Other</option>
</select>
</p>
<label for="comments">Comments&#58;</label>
<br>
<textarea name="comments" id="comments" rows="4" cols="40">
</textarea><br>    
<input type="submit" value="Submit"/>
</fieldset>
<script src="validate.test.js"></script>
</form>

function validateForm() 
{
var name = document.forms["contactform"]["name"].value;
if (name == "")
{
document.getElementById('error').innerHTML="Please enter your name";
return false;
}
}

您的详细信息:；
姓名:



电子邮件:



电话:



您的信息:；

你在询问什么服务？
碰撞
机械的
习俗
其他

评论:；




函数validateForm（）
{
var name=document.forms[“contactform”][“name”].value；
如果（名称==“”）
{
document.getElementById（'error'）.innerHTML=“请输入您的姓名”；
返回false；
}
}

您需要通过脚本标记将JavaScript代码包围起来

<script type="text/javascript">

   function validateForm() 
   {
      var name = document.forms["contactform"]["name"].value;
      if (name == "")
      {
         document.getElementById('error').innerHTML="Please enter your 
                  name";
         return false;
       }
    }

</script>

函数validateForm（）
{
var name=document.forms[“contactform”][“name”].value；
如果（名称==“”）
{
document.getElementById（'error'）.innerHTML=“请输入您的
名称”；
返回false；
}
}

一种简单的方法是在

input

HTML元素上使用

required

属性。 它指定在提交表单之前必须填写输入字段

您的详细信息:；
姓名:



电子邮件:



电话:

如果@alpeshpandya和@Agalo的回答解决了您的问题（即使没有）：

我认为您试图只验证名称输入，即使用户忘记填写。输入失去焦点时触发事件。你有一些选择：1。您可以在用户单击提交您的表单时进行验证，2。或者将您的

validateForm

放入其他输入onblur，3。或者别的什么

• 提交表单时验证：一种验证整个过程并立即设置所有错误消息的好方法
• 使用焦点验证：在每个输入中，当用户单击它时（使用或其他事件），您必须验证其上方的其他输入，例如，当用户尝试转到另一个输入时，您的错误消息将弹出

---

对于名称字段，此代码应该可以正常工作。此外，您缺少用于发布表单内容的按钮。您所描述的正是此代码的功能。那么你的问题是什么呢？实际上我拼错了一个单词，在发布这篇文章后发现了。我道歉。我是否需要添加一个，因为现在它显示了这样的内容-“请输入您的姓名。我的问题是-如果我想用错误消息验证所有这些内容，我该怎么做？我是否创建了多个变量？