.NET MVC中如何验证文本框值≤两列数值的差值？

嘿，我来给你拆解一下在.NET MVC里实现这个文本框验证的具体方案——既要照顾用户体验的客户端即时反馈，又得守住服务器端的安全防线，缺一不可：

第一步：准备ViewModel（或模型） #

先把咱们需要用到的字段和计算逻辑封装到ViewModel里，这样后续验证和视图渲染都更清晰：

public class DateTimeValidationViewModel
{
    // 两个日期字段
    public DateTime TodaysDateTime { get; set; }
    public DateTime TomorrowsDateTime { get; set; }

    // 需要验证的文本框输入值
    [MaxMinutesDifference(nameof(TodaysDateTime), nameof(TomorrowsDateTime))]
    public int MinutesInput { get; set; }

    // 只读属性：计算两日期的分钟差值（方便视图显示提示用）
    public int MaxAllowedMinutes => (int)(TomorrowsDateTime - TodaysDateTime).TotalMinutes;
}

第二步：服务器端验证（核心，防绕过） #

客户端验证只是给用户看的，真正的安全校验得靠服务器端。咱们写个自定义验证属性，让它自动帮咱们做校验：

public class MaxMinutesDifferenceAttribute : ValidationAttribute, IClientValidatable
{
    private readonly string _startDateProp;
    private readonly string _endDateProp;

    public MaxMinutesDifferenceAttribute(string startDateProp, string endDateProp)
    {
        _startDateProp = startDateProp;
        _endDateProp = endDateProp;
        ErrorMessage = "输入值不能超过两个日期的分钟差值（当前最大允许值：{0}）";
    }

    // 服务器端校验逻辑
    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        var model = validationContext.ObjectInstance;
        var startDateProperty = model.GetType().GetProperty(_startDateProp);
        var endDateProperty = model.GetType().GetProperty(_endDateProp);

        if (startDateProperty == null || endDateProperty == null)
            return new ValidationResult("指定的日期字段不存在");

        var startDate = (DateTime)startDateProperty.GetValue(model);
        var endDate = (DateTime)endDateProperty.GetValue(model);
        var maxMinutes = (int)(endDate - startDate).TotalMinutes;
        var inputMinutes = Convert.ToInt32(value);

        if (inputMinutes > maxMinutes)
            return new ValidationResult(string.Format(ErrorMessage, maxMinutes));

        return ValidationResult.Success;
    }

    // 后续客户端验证需要实现这个接口，先预留位置
    public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata metadata, ControllerContext context)
    {
        var rule = new ModelClientValidationRule
        {
            ErrorMessage = string.Format(ErrorMessage, ((DateTimeValidationViewModel)context.Controller.ViewData.Model).MaxAllowedMinutes),
            ValidationType = "maxminutesdifference"
        };
        rule.ValidationParameters.Add("startdateprop", _startDateProp);
        rule.ValidationParameters.Add("enddateprop", _endDateProp);

        yield return rule;
    }
}

然后在控制器的提交方法里，只要检查ModelState.IsValid就行：

[HttpPost]
public ActionResult ValidateMinutes(DateTimeValidationViewModel model)
{
    if (ModelState.IsValid)
    {
        // 校验通过，处理业务逻辑
        return RedirectToAction("ValidationSuccess");
    }
    // 校验失败，返回视图显示错误
    return View(model);
}

第三步：客户端验证（提升用户体验） #

用户输入的时候就给出错误提示，不用等提交，这才友好。首先确保你的视图里引用了jquery.validate和jquery.validate.unobtrusive（MVC模板默认会包含），然后添加自定义客户端验证脚本：

<script>
    // 自定义验证方法
    $.validator.addMethod("maxminutesdifference", function (value, element, params) {
        var startDateStr = $("[name='" + params.startdateprop + "']").val();
        var endDateStr = $("[name='" + params.enddateprop + "']").val();

        // 日期没填的时候先不校验
        if (!startDateStr || !endDateStr) return true;

        var startDate = new Date(startDateStr);
        var endDate = new Date(endDateStr);
        var maxMinutes = (endDate - startDate) / (1000 * 60); // 转成分钟
        var inputVal = parseInt(value);

        return inputVal <= maxMinutes;
    });

    // 适配Unobtrusive验证
    $.validator.unobtrusive.adapters.add("maxminutesdifference", ["startdateprop", "enddateprop"], function (options) {
        options.rules["maxminutesdifference"] = {
            startdateprop: options.params.startdateprop,
            enddateprop: options.params.enddateprop
        };
        options.messages["maxminutesdifference"] = options.message;
    });
</script>

第四步：视图层实现 #

最后在Razor视图里渲染表单和错误提示：

@model DateTimeValidationViewModel

@using (Html.BeginForm("ValidateMinutes", "Home", FormMethod.Post))
{
    <div class="form-group">
        @Html.LabelFor(m => m.TodaysDateTime)
        @Html.TextBoxFor(m => m.TodaysDateTime, new { @class = "form-control", type = "datetime-local" })
    </div>
    <div class="form-group">
        @Html.LabelFor(m => m.TomorrowsDateTime)
        @Html.TextBoxFor(m => m.TomorrowsDateTime, new { @class = "form-control", type = "datetime-local" })
    </div>
    <div class="form-group">
        @Html.LabelFor(m => m.MinutesInput, $"请输入分钟数（最大允许：{Model.MaxAllowedMinutes}）")
        @Html.TextBoxFor(m => m.MinutesInput, new { @class = "form-control" })
        @Html.ValidationMessageFor(m => m.MinutesInput, "", new { @class = "text-danger mt-1" })
    </div>
    <button type="submit" class="btn btn-primary">提交</button>
}

这样一来，用户输入超过差值的分钟数时，客户端会立刻弹出错误提示；就算有人绕过客户端直接提交，服务器端也会拦截非法数据，完美覆盖场景需求。

内容的提问来源于stack exchange，提问作者Venkatesh Nallana