jquery - 复选框的错误放置

Question

我在使用 jquery 验证的表单中有一个复选框。此处错误消息显示在复选框下方，复选框的标签显示在错误之后。

我需要在复选框标签之后显示错误消息。这是我的代码：

<li>
    <input type="checkbox" name="toc"><span name="toc"> &nbsp;&nbsp;I agree to the terms and conditions
                        </span>
    </input>
</li>
<br>
<li>
    <label style="margin-top:20px;display:none" name="toc" class="error">This field is required</label>
</li>

表单的 jquery 是

$(document).ready(function () {
    $('#form').validate({
        rules: {
            toc: {
                required: true
            }
        }
    }); 

Answer 1

您不能在输入标签中放置任何标签（元素）。