javascript - MVC3 Razor - 至少一个复选框检查验证

Question

我是 mvc3 和 razor 引擎的新手，我希望至少选中一个复选框以触发提交按钮。

 <div class="editor-field">
      @Html.Label("item1")
      @Html.CheckBoxFor(Model => Model.item1)
      @Html.Label("item2")
      @Html.CheckBoxFor(Model => Model.item2)
      @Html.Label("item3")
      @Html.CheckBoxFor(Model => Model.item3)
 </div>
 <p>
     <input type="submit" value="Create" />
 </p>

我知道如果选择了 0 个复选框，我需要某种标签来呈现文本，并且每个复选框都需要一个 ID，以便我可以查看它们的值，但是 mvc3 razor 中有什么东西可以使这更简单吗？谢谢

Answer 1

许多方法之一是

<input type="submit" value="Create" onclick="return submitWith();"/>
<span id="validationMessage" />

在你的 javascript 中(你可能在这里有更多但保持简单)

function submitWith(){   
    var checkedCount = $("input:checked").length;
    var valid = checkedCount > 0;
    if(!valid){
         $('#validationMessage').html('You must select at least one option');
    }
    return valid ;        
}