如何要求使用Formvalidation.io和Bootstrap在ASP.Net中选中复选框

Question

这应该很容易，但我还没有找到解决方案。我正在使用

• ASP.Net Ajax
• Bootstrap 3.3
• 表单验证.io v0.7.0

我有一个复选框，用户必须先选中它，然后才能提交表单。以下内容不起作用。（我在页面上有其他有效的验证，所以这不是Formvalidation.io的设置）

欢迎提出任何建议！

<div class="row form-group">
  <div class="col-lg-3 col-md-4 col-sm-4 col-xs-4 right padLabel">
  </div>
  <div class="col-lg-6 col-md-4 col-sm-4 col-xs-4">
    <label class="control-label">
      <asp:CheckBox ID="chkRelease" runat="server" Text="Yes, I agree" data-fv-notempty="true" data-fv-notempty-message="Release is required" />
    </label>
  </div>
  <div class="col-lg-3 col-md-4 col-sm-4 col-xs-4">
  </div>
</div>

Answer 1

我可以为您提供一个解决方案：

<asp:Button ID="btnSave" runat="server" OnClick="btnSave_Click" OnClientClick="return CheckCheckbox();" Text="Save" />

在头部：

<script type="text/javascript">
    function CheckCheckbox(){
        var checkbox_control = document.getElementById('your_checkbox_id');
        if (checkbox_control.value.length == 0)
        {
            alert('Check the checkbox please');
            return false;
        }
    }
</script>

它获取复选框的值并检查长度。如果长度为零，则表示您的复选框没有值。它返回false，这意味着在复选框有值之前，按钮的OnClick方法不会执行。