Javascript Jquery表单验证错误显示Div

我对jQuery相当陌生，所以我的代码可能不是最精简的。我正在尝试编写自己的表单验证脚本，这一切都很好

但是为了减少CSS，我想在同一个div标记中显示每个表单输入的错误消息。因此，valid_prompt的div标记放在每个输入字段之后

我目前遇到的问题是，所有错误消息都显示在div标记的第一个外观中，这是预期的，但我需要某种方法将每个唯一的输入字段链接到显示错误的div

表单输入示例

<input name="email1" id="email1" type="text" size="30"  maxlength="80"
value="<?php echo "$email1"; ?>" /><span id="valid_prompt"></span>
              <br/>
              <br/>
              <label><span class="reqfieldstar"> * </span>Confirm E-mail Address:</label>

                <input name="email2" id="email2" type="text" size="30"  maxlength="40" value="<?php echo "$email2"; ?>" /><span id="valid_prompt"></span>

您可以根据任何不正确的输入值“移动”错误div。例如：

$("input[type=text]").click(function(){
   $("#errorDiv").insertAfter($(this)); 
});

---

示例：

@Sparky否，这一次是不同的问题。您好，这将完全一样，我想使用位于每个输入字段末尾的相同div的有效提示。因此，例如，电子邮件输入字段的错误消息将显示在电子邮件输入字段的末尾，然后当您向下移动到电子邮件的嵌套输入字段时，比较该输入字段的错误消息并转到其末尾。我不知道这是否可行，我只想为每个输入字段创建多个div标记。

$("input[type=text]").click(function(){
   $("#errorDiv").insertAfter($(this)); 
});