以下是我的观看代码。我基本上验证复选框,如果它在提交表单上检查。我希望复选框文本的颜色在提交表单时未选中时为红色。如果有人检查它,它会自动变为正常颜色。我知道我可以通过设置复选框点击事件来实现它,但是这可以在验证中进行吗?
查看
<div>
<input type="checkbox" name="chkterms" required/><span id="lblterms"> Please tick to confirm you have read, understood and agree to abide by our</span>@Html.ActionLink("Terms and Conditions", "TermsAndCondition", "SignupOrLogin", null, null)
</div>
脚本
<script>
$("#signupform").validate({
rules: {
password: {
required: true,
minlength: 7,
maxlength: 10,
} ,
confirmpassword: {
equalTo: "#password",
minlength: 7,
maxlength: 10
}
},
groups: {
birthday: "cmbDay cmbMonth cmbYear"
},
errorPlacement: function(error, element) {
var name = element.prop("name");
if (name === "cmbDay" || name === "cmbMonth" || name === "cmbYear") {
error.insertAfter("");
}
else if (name === "membershiptypelist") {
error.insertAfter(""); //error will not be inserted e.g. This field is required.
}
else if (name === "chkterms") {
error.insertAfter(".terms-errors");
$('#lblterms').css('color', 'red');
}
else {
error.insertAfter(element);
}
}
});