RazorPages Page Remote 不适用于模型

Question

根据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>

}

Answer 1

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

解决方法是将要远程验证的字段与子模型分开，并将其设为 PageModel 的第一个 class 属性。然后，如果 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>

Answer 2

嵌套模型属性的远程验证不允许您在父对象上指定其他字段。 __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" />

RazorPages Page Remote 不适用于模型

RazorPages Page Remote not working on model

c#

razor

remote-validation

asp.net-core

razor-pages