Question

在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>

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

Answer 1

您是否尝试关闭＆lt; input＆gt; 元素？

Answer 2

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

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

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

Answer 3

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

删除（经过数小时的试验和错误以及搜索）修复了问题。

希望能节省一些时间。 ; ^）

IE中的jQuery验证格式问题

3 个答案: