如何在Razor页面中访问页处理器的复杂模型属性？

你当前的问题在于页处理器的Input是OnPostChangePassword方法的参数，而非页面模型类的公共属性，导致Razor页面无法通过@model访问到Input，asp-for标签助手也就无法正常生成表单绑定。

步骤1：修改页面模型类，添加公共绑定属性 #

在你的EditPasswordModel类中，添加带[BindProperty]特性的PasswordChangeInput类型属性，让模型绑定系统能自动关联表单数据：

public class EditPasswordModel : PageModel
{
    // 添加BindProperty特性，启用模型绑定
    [BindProperty]
    public PasswordChangeInput Input { get; set; }

    public async Task<IActionResult> OnPostChangePassword()
    {
        // 直接使用模型类的Input属性获取提交的数据
        if (!ModelState.IsValid)
        {
            return Page(); // 验证失败时返回当前页面显示错误
        }

        // 执行密码修改逻辑
        // ...

        return RedirectToPage("/Index"); // 操作成功后跳转
    }
}

步骤2：完善Razor页面的表单代码 #

调整Razor页面的标签，使用asp-for自动生成正确的表单元素属性，同时可以添加验证提示：

@page
@model EditPasswordModel

<form method="post">
    <div class="flex justify-between my-1">
        <label class="text-gray-700" asp-for="Input.Password">密码:</label>
        <input asp-for="Input.Password" class="px-3 py-1 text-gray-900" />
        <!-- 显示密码字段的验证错误 -->
        <span asp-validation-for="Input.Password" class="text-red-500"></span>
    </div>
    <div class="flex justify-between my-1">
        <label class="text-gray-700" asp-for="Input.ConfirmPassword">确认密码:</label>
        <input asp-for="Input.ConfirmPassword" class="px-3 py-1 text-gray-900" />
        <!-- 显示确认密码字段的验证错误 -->
        <span asp-validation-for="Input.ConfirmPassword" class="text-red-500"></span>
    </div>
    <div>
        <input type="submit" value="修改密码" />
    </div>
</form>

步骤3：确保PasswordChangeInput类的属性配置 #

你的PasswordChangeInput类需要包含对应属性，并可添加验证特性来增强表单验证：

public class PasswordChangeInput
{
    [Required(ErrorMessage = "请输入密码")]
    [DataType(DataType.Password)]
    [MinLength(6, ErrorMessage = "密码长度不能少于6位")]
    public string Password { get; set; }

    [Required(ErrorMessage = "请输入确认密码")]
    [DataType(DataType.Password)]
    [Compare("Password", ErrorMessage = "密码与确认密码不匹配")]
    public string ConfirmPassword { get; set; }
}

关键说明 #

• [BindProperty]特性：告诉ASP.NET Core将表单提交的数据绑定到这个属性上，无需再在OnPost方法中声明参数。
• asp-for标签助手：自动生成id、name属性，确保表单数据能正确绑定到模型属性，同时关联验证规则。
• 验证提示：通过asp-validation-for显示模型验证的错误信息，提升用户体验。

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