IE中的jQuery验证格式问题

Posted 2023-05-09

技术标签:

【中文标题】IE中的jQuery验证格式问题【英文标题】：jQuery validation formatting Issue in IE 【发布时间】：2010-09-22 02:09:05 【问题描述】：

在 firefox 中，错误消息按原样显示。就在要验证的元素的右侧。在 IE 中。无论我如何处理标签/元素/错误的大小，错误总是发布在元素下方，导致其他所有元素都被下推。

<p>
   <label for="handle"><strong>User Name</strong></label>
   <INPUT NAME="handle" id="handle" VALUE="#attributes.getUser.handle#">
</p>                
<p>
   <label for="password"><strong>Password</strong></label>
   <INPUT TYPE="TEXT" id="password" NAME="password"
          MAXLENGTH=50 VALUE="#attributes.getUser.password#">
</p>

<p>
    <label for="confirmPassword"><strong>Confirm Password</strong></label>
    <INPUT TYPE="TEXT" id="confirmPassword" NAME="confirmPassword"
           MAXLENGTH=50 VALUE="#attributes.getUser.password#">
</p>

如果其他人遇到此问题，我将非常感谢您的帮助。

【问题讨论】：

我使用这个代码示例错了吗？你不需要"print(""。你可以将每行代码缩进4个空格。 【参考方案1】：

我在这些输入元素上设置了“margin-bottom: 16px”样式。

删除它（经过数小时的反复试验和搜索）解决了问题。

希望可以节省一些时间。 ;^)

【讨论】：

【参考方案2】：

您是否尝试过关闭元素？

【讨论】：

我没有，只是做了，但无济于事。我也有一些带有关闭的 【参考方案3】：

如果您还没有，您可能需要确保页面是有效的 Xhtml（我使用 HTML Validator）。这应该确保您的所有元素都正确关闭和嵌套。