RazorPages Page Remote 在模型上不起作用

Posted 2023-04-12

【中文标题】RazorPages Page Remote 在模型上不起作用

【英文标题】：RazorPages Page Remote not working on model

【发布时间】：2020-04-07 16:22:24

【问题描述】：

根据https://www.mikesdotnetting.com/article/343/improved-remote-validation-in-razor-pages 我按照教程并实现了 PageRemote。但是，如果应用于模型的属性并且我将模型用作属性，则它不起作用。

public class Draft

    public int Id  get; set; 
    [PageRemote(ErrorMessage = "Invalid data", AdditionalFields = "__RequestVerificationToken", HttpMethod = "post", PageHandler = "CheckReference")]
    public string Reference  get; set; 



[BindProperty]
public Draft Draft  get; set; 

public JsonResult OnPostCheckReference()
            
    var valid = !Draft.Reference.Contains("12345");
    return new JsonResult(valid);

在我的页面上

<tab>
    <tab-item icon="fas fa-arrow-left" url="@Url.Page("../Index")"></tab-item>
    <tab-item icon="fas fa-list" url="@Url.Page("Index")"></tab-item>
    <tab-item icon="fas fa-plus" is-active="true"></tab-item>
</tab>
<form method="post">
    <card>
        <card-header icon="fas fa-plus" title="Draft"></card-header>
        <card-body>

            <input asp-for="Draft.Reference" />
            <span asp-validation-for="Draft.Reference" class="text-danger"></span>

        </card-body>
        <card-footer>
            <button class="btn btn-success"><i class="fas fa-plus"></i> Adicionar </button>
        </card-footer>
    </card>
</form>
@section Scripts

    @ await html.RenderPartialAsync("_ValidationScriptsPartial"); 
    <script src="~/lib/jquery-ajax-unobtrusive/dist/jquery.unobtrusive-ajax.min.js"></script>

【参考方案1】：

嵌套模型属性的远程验证不允许您在父对象上指定其他字段。 __RequestVerificationToken 始终位于模型的根目录上。 jquery.validate.unobtrusive.js 的来源正在寻找以 *. 为前缀的字段，并将模型名称作为前缀。 asp-for 标签助手将*. 添加到字段的开头。

您可以通过在 html 中手动指定属性并从属性中删除 AdditionalFields 来规避 *. 的前缀。

PageRemoteAttribute：

public class Draft

    public int Id  get; set; 
    [PageRemote(ErrorMessage = "Invalid data", HttpMethod = "post", PageHandler = "CheckReference")]
    public string Reference  get; set; 

HTML：

<input asp-for="Reference" data-val-remote-additionalfields="__RequestVerificationToken" />

【讨论】：

谢谢！这是迄今为止我所见过的解决关键问题的最简单方法。

你好。感谢您的回答。但我还有另一个问题，找不到任何相关信息。如果开发人员需要将 Draft.ID 作为参数添加到 PageRemote 属性怎么办？我的情况非常相似，因为我还有一个 View 模型和一个要验证的内部属性，但它还需要另一个属性。以这种情况为例，我尝试使用 AdditionalFields = "Draft.ID" 甚至 AdditionalFields = "ID" 传递 id 参数，但在触发 post 处理程序时它不会与 Draft.Reference 一起发布跨度>

【参考方案2】：

嵌套模型属性的远程验证并不简单。框架会在所有附加字段前面加上模型名称，因此请求验证失败，导致 400 错误。

解决方法是将要远程验证的字段与子模型分开，并使其成为 PageModel 的第一类属性。然后，如果 ModelState 有效，则将值分配给嵌套模型。

public class Draft

    public int Id  get; set; 

    public string Reference  get; set; 



[BindProperty]
public Draft Draft  get; set; 

[BindProperty, PageRemote(ErrorMessage = "Invalid data", AdditionalFields = "__RequestVerificationToken", HttpMethod = "post", PageHandler = "CheckReference")]
public string Reference get;set;

public JsonResult OnPostCheckReference()
            
    var valid = !Reference.Contains("12345");
    return new JsonResult(valid);

然后是形式：

<input asp-for="Reference" />
<span asp-validation-for="Reference" class="text-danger"></span>

【讨论】：

我明白了，我之前尝试过这个只是为了测试并且它有效，但我不知道这是框架的情况。感谢您清理它