.NET Core Razor页面表单两种提交场景的验证方案咨询

核心思路 #

通过提交按钮标识+条件验证+后台逻辑分支实现，无需拆分页面或视图模型，核心是区分两种提交场景的验证规则：

1. 视图模型设计（含自定义条件验证） #

创建带条件必填属性的视图模型，让必填规则仅在「正常保存」时生效，「稍后保存」时仅验证已填字段的格式：

public class FormViewModel
{
    // 手机号：正常保存必填，最多10位；稍后保存时可选，填了则不能超10位
    [StringLength(10, ErrorMessage = "手机号不能超过10位")]
    [RequiredIf(nameof(SubmitType), "Save", ErrorMessage = "手机号为必填项")]
    public string PhoneNumber { get; set; }

    // 其他必填字段示例
    [RequiredIf(nameof(SubmitType), "Save", ErrorMessage = "姓名为必填项")]
    public string Name { get; set; }

    // 后台用来识别提交类型的标识，无需在页面渲染
    public string SubmitType { get; set; }
}

// 自定义条件必填验证属性
public class RequiredIfAttribute : ValidationAttribute
{
    private readonly string _triggerProperty;
    private readonly string _triggerValue;

    public RequiredIfAttribute(string triggerProperty, string triggerValue)
    {
        _triggerProperty = triggerProperty;
        _triggerValue = triggerValue;
    }

    protected override ValidationResult IsValid(object value, ValidationContext validationContext)
    {
        var triggerProp = validationContext.ObjectType.GetProperty(_triggerProperty);
        if (triggerProp == null)
            return new ValidationResult($"未找到属性：{_triggerProperty}");

        var triggerVal = triggerProp.GetValue(validationContext.ObjectInstance)?.ToString();
        if (triggerVal == _triggerValue && string.IsNullOrWhiteSpace(value?.ToString()))
        {
            return new ValidationResult(ErrorMessage);
        }

        return ValidationResult.Success;
    }
}

2. 页面视图（区分提交按钮） #

给两个提交按钮设置相同name和不同value，后台通过该值判断提交类型：

<form method="post">
    <div class="form-group">
        <label asp-for="Model.Name"></label>
        <input asp-for="Model.Name" class="form-control" />
        <span asp-validation-for="Model.Name" class="text-danger"></span>
    </div>

    <div class="form-group">
        <label asp-for="Model.PhoneNumber"></label>
        <input asp-for="Model.PhoneNumber" class="form-control" />
        <span asp-validation-for="Model.PhoneNumber" class="text-danger"></span>
    </div>

    <!-- 正常提交：触发完整必填验证 -->
    <button type="submit" name="SubmitType" value="Save" class="btn btn-primary">保存</button>

    <!-- 稍后保存：仅验证已填字段格式 -->
    <button type="submit" name="SubmitType" value="SaveLater" class="btn btn-secondary">稍后保存</button>
</form>

3. 后台PageModel处理逻辑 #

根据SubmitType分支处理验证和业务逻辑：

public class FormPageModel : PageModel
{
    [BindProperty]
    public FormViewModel Model { get; set; }

    public IActionResult OnPost()
    {
        if (Model.SubmitType == "SaveLater")
        {
            // 移除必填项的验证错误，仅保留格式类验证（如手机号长度）
            var requiredErrors = ModelState.Where(x => x.Value.Errors.Any(e => e.ErrorMessage.Contains("必填"))).ToList();
            foreach (var err in requiredErrors)
            {
                ModelState[err.Key].Errors.Clear();
            }

            // 检查剩余格式类验证是否通过
            if (!ModelState.IsValid)
            {
                return Page();
            }

            // 执行草稿保存逻辑
            return RedirectToPage("/DraftSaved");
        }
        else
        {
            // 正常提交：使用完整验证规则
            if (!ModelState.IsValid)
            {
                return Page();
            }

            // 执行正式保存逻辑
            return RedirectToPage("/FormSaved");
        }
    }
}

关键注意事项 #

• 前端可配合JS监听按钮点击，动态调整前端验证提示，但后台验证必须保留，防止绕过前端逻辑
• 自定义RequiredIf属性可复用，适配更多条件验证场景
• 若需更复杂的规则，可在后台直接修改ModelState的错误集合，灵活控制验证结果

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