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;
   */
}

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

提示！永远不要使用绝对定位。除非你真的想要它......

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

1 个答案: