jquery検証を使用するフォームにチェックボックスがあります。ここでは、エラーメッセージがチェックボックスの下に表示され、チェックボックスのラベルがエラーの後に表示されます。
チェックボックスのラベルの後にエラーメッセージを表示する必要があります。これが私のコードです:
<li>
<input type="checkbox" name="toc"><span name="toc"> 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
}
}
});