首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >RazorPages Page Remote在模型上不起作用

RazorPages Page Remote在模型上不起作用
EN

Stack Overflow用户
提问于 2019-12-14 21:48:29
回答 2查看 951关注 0票数 6

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

代码语言:javascript
运行
复制
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);
}

在我的页面上

代码语言:javascript
运行
复制
<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>

}
EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2019-12-16 16:04:59

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

解决方法是将您想要远程验证的字段从子模型中分离出来,并使其成为PageModel的第一类属性。然后,如果ModelState有效,则将该值指定给嵌套模型。

代码语言:javascript
运行
复制
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);
}

然后在表单中:

代码语言:javascript
运行
复制
<input asp-for="Reference" />
<span asp-validation-for="Reference" class="text-danger"></span>
票数 3
EN

Stack Overflow用户

发布于 2020-06-24 03:02:31

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

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

PageRemoteAttribute:

代码语言:javascript
运行
复制
public class Draft
{
    public int Id { get; set; }
    [PageRemote(ErrorMessage = "Invalid data", HttpMethod = "post", PageHandler = "CheckReference")]
    public string Reference { get; set; }

}

Html:

代码语言:javascript
运行
复制
<input asp-for="Reference" data-val-remote-additionalfields="__RequestVerificationToken" />
票数 4
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59335713

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档