Php 无法在带有span的表单验证中显示所有警告消息

我正在制作带有验证的用户注册表单。这是我的简单表单字段

<tr>
    First Name:
    <input type="text" name="fname" id="letters"  /><span id="error" style="color:red;"></span>
<tr>

<tr>  
    Last Name:
    <input type="text" name="lname"  id="letters1"  /><span id="error1" style="color:red;"></span>
</tr>
<input type="submit" value="submit" name="submit" />

---

但对于提交按钮时重试..错误消息仅显示在第一个输入框中，当我填充第一个框后再提交..这一次错误消息显示在第二个文本框中。我想同时显示所有错误消息

删除测试之间的返回false

为了快速修复您的代码，我会这样做

而且

<form onsubmit="return ValidateForm(this)">
<table>
  <tr>
    <td>First Name: <input type="text" name="fname" id="letters"  /><span id="error1" style="color:red;"></span></td>
  </tr>
  <tr>  
    <td>Last Name:  <input type="text" name="lname"  id="letters1" /><span id="error2" style="color:red;"></span></td>
  </tr>
</table>
<input type="submit" value="submit" name="Submit" />
</form>

这是因为您使用了return，它会立即退出函数

您应该保留一个变量，比如最初设置为true的var valid，当出现错误时，在现在使用return false的地方将其设置为false

---

然后，在函数末尾，使用return valid。

在你被否决而被遗忘之前，可能需要详细说明这不是一个合适的问题。还有一个问题需要回答10K rep

function ValidateForm(theForm) {
    var error1 = (theForm.fname.value=="" || !theForm.fname.value.match(/[^\s]/))
    document.getElementById("error1").innerHTML = (error1)?"enter first Name?":"";
    var error2 = (theForm.lname.value=="" || !theForm.lname.value.match(/[^\s]/));
    document.getElementById("error2").innerHTML = (error2)?"enter last Name":"";
    return !error1 && !error2
}

<form onsubmit="return ValidateForm(this)">
<table>
  <tr>
    <td>First Name: <input type="text" name="fname" id="letters"  /><span id="error1" style="color:red;"></span></td>
  </tr>
  <tr>  
    <td>Last Name:  <input type="text" name="lname"  id="letters1" /><span id="error2" style="color:red;"></span></td>
  </tr>
</table>
<input type="submit" value="submit" name="Submit" />
</form>