IE中的jQuery验证格式问题答案

【问题标题】：jQuery validation formatting Issue in IEIE中的jQuery验证格式问题
【发布时间】：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个空格。

标签： jquery internet-explorer validation

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

您是否尝试过关闭元素？

【讨论】：

我没有，只是做了，但无济于事。我也有一些带有关闭的

【解决方案3】：

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

另外，您是否尝试过对元素使用 CSS 定位，例如将显示设置为内联？

没有看到代码很难说。如果是定位问题，Firebug 通常会很有帮助。

【讨论】：

简单如放置“display:inline;”在 label.error 样式上谢谢