Razor 表单中的复选框验证问题

Question

我目前正在实习，对 Razor 和 C# MVC 完全陌生。我目前正在构建一个简单的 Razor 表单，但我的验证让我对复选框感到悲痛。

这是我的型号代码：

[DisplayName("Sign me up for spam* ")]
[Range(typeof(bool), "true", "true", ErrorMessage = "You must sign up for spam.")]
public bool Check { get; set; }

这是我的 Razor 标记：

@Html.LabelFor(model => model.Check, new { @class = "" })
@Html.CheckBoxFor(model => model.Check, new { @class = "example1"})

这是生成的 HTML：

<input class="example1" data-val="true" data-val-range="You must sign up for spam." data-val-range-max="True" data-val-range-min="True" data-val-required="The Sign me up for spam*  field is required." id="Check" name="Check" type="checkbox" value="true">
<input name="Check" type="hidden" value="false">

我知道 Razor 会自动生成这两个输入。我的问题是验证根本不适用于复选框。因为它，模型状态总是无效的，并且在客户端，选中框时会出现错误消息，而取消选中框时会消失。我一直在谷歌上寻找答案，但没有找到答案，而且我的导师也不知道出了什么问题。

Answer 1

这看起来像是客户端反向问题。在你的页面中添加这个 jquery，我认为它会被修复：

<script>
    // extend range validator method to treat checkboxes differently
    var defaultRangeValidator = $.validator.methods.range;
    $.validator.methods.range = function(value, element, param) {
        if(element.type === 'checkbox') {
            // if it's a checkbox return true if it is checked
            return element.checked;
        } else {
            // otherwise run the default validation function
            return defaultRangeValidator.call(this, value, element, param);
        }
    }
</script>