VS2022 Razor Pages中PageRemote验证参数为空及提交异常求助

核心问题分析 #

1. 初始状态下OnGetDescriptionExist方法的Description参数为空：因为PageRemote验证会发送带模型前缀的参数名（即Customer.Description），而后台方法参数名是Description，导致模型绑定失败。
2. 手动添加name=Description后出现的问题：破坏了表单提交时的模型绑定（Post方法无法将值绑定到Customer.Description），同时远程验证的错误提示逻辑因字段名不匹配失效。

具体解决方案 #

1. 修正后台方法的参数绑定

在后台方法的参数上添加[Bind(Prefix)]特性，指定参数对应的模型字段前缀，确保能正确接收远程验证请求的参数：

public JsonResult OnGetDescriptionExist([Bind(Prefix = "Customer.Description")] string description)
{
    var existingDescriptions = new string[]
    {
        "text01",
        "secondtext",
        "someothertext"
    };

    // 可选：忽略大小写、去除首尾空格，提升验证准确性
    var isExists = existingDescriptions.Contains(description?.Trim(), StringComparer.OrdinalIgnoreCase);
    // PageRemote规则：返回false表示验证失败，显示ErrorMessage
    return new JsonResult(!isExists);
}

2. 恢复输入框的原始代码

删除手动添加的name=Description，保留asp-for生成的正确字段名，确保表单提交时模型绑定正常：

<input asp-for="Customer.Description" class="form-control"/>

3. 确保加载必要的验证脚本

远程验证依赖jQuery验证组件，需在页面中引入以下脚本（可放在_Layout.cshtml或当前页面底部）：

<script src="~/lib/jquery/dist/jquery.min.js"></script>
<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>

迁移到数据库验证的后续步骤 #

当字符串数组测试通过后，将验证逻辑替换为数据库查询（假设已注入DbContext）：

// 注入DbContext
private readonly YourDbContext _dbContext;

public CreateModel(YourDbContext dbContext)
{
    _dbContext = dbContext;
}

public JsonResult OnGetDescriptionExist([Bind(Prefix = "Customer.Description")] string description)
{
    if (string.IsNullOrWhiteSpace(description))
        return new JsonResult(true); // 空值交由必填验证处理

    var isExists = _dbContext.Customers
        .Any(c => c.Description.Equals(description.Trim(), StringComparison.OrdinalIgnoreCase));
    
    return new JsonResult(!isExists);
}

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