jQuery 验证器插件锁定所需的复选框

Question

我在这里创建了测试表单： http://www.sitecdn.net/clients/repcow/ form_min.html

复选框代码如下所示：

<div class="optIn">
    <div id="line1">
            <div class="checkbox"><input type="checkbox" checked="checked" value="true" name="MailingListOptIn"></div>
            <div>
                                    Lorem ipsum dolor sit amet, consectetur adipisicing elit.
            </div>
    </div>
    <div id="line2">
            <div class="checkbox"><input type="checkbox" tabindex="6" title="This is required." class="required" value="true" name="TermsOfService"></div>
            <div class=""><strong>I agree to the <a rel="tos_popup" name="tos" href="terms_of_service.html">Terms of Service</a>.</strong></div>
    </div>
</div>

底部复选框按要求设置，在有人无法检查它之后，用户将看到错误消息，但在它之后复选框变得不活动（我无法单击它）。不知道我做错了什么。可能有 CSS 的东西吗？

谢谢

Answer 1

该复选框仍处于活动状态，但错误标签位于该复选框上方。只需调整布局...

错误就在这里：

.optIn .error {
   /*
   left: 0;
   margin-left: -90px;
   margin-top: -12px;
   position: absolute;
   top: 16px;
   width: 200px;
   */
}

这段代码搞乱了一切。删除或重做！ ;）

提示！切勿使用绝对定位。除非你真的想要...