0
我在我的asp.net mvc剃刀视图中生成一个复选框列表中的以下部分。 我希望能够验证至少有一个被打勾。检查至少一个复选框检查jquery验证
<div class="form-group">
<div class="row col-md-12 ">
<div class=" col-md-11 col-md-offset-1">
@for (int i = 0; i < Model.PeronsExpList.Count(); i++)
{
<div class="col-md-12">
@Html.HiddenFor(x => Model.PeronsExpList[i].PeronExpId)
@Html.CheckBoxFor(x => Model.PeronsExpList[i].selected, new { @class = "{peopleExp: true}", @name = "peopleExp"})
@Html.DisplayFor(x => Model.PeronsExpList[i].PeronName, Model.PeronsExpList[i].PeronName)
</div>
}
</div>
</div>
</div>
我有以下的JavaScript来提供此功能:
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
<script type="text/javascript">
$.validator.addMethod("peopleExp", function (value, elem, param) {
if ($(".peopleExp:checkbox:checked").length > 0) {
return true;
} else {
return false;
}
}, "You must select at least one!");
</script>
}
然而,当我测试它,它让我提交即使没有被选中TE页。
http:// js fiddle.net/chriscoyier/bphze/76/ – Jinandra
该链接仅仅是IE和Chrome浏览器页面上对象的混乱 –
您可能需要重新加载页面。在两端浏览器上都能正常工作。 – Jinandra