时间戳

首页 > 解决方案 > Blazor 编辑窗体

blazor - Blazor 编辑窗体

问题描述

需要帮助：

如何使用 EditForm，如何验证字段，以及如何将表单数据发布到 Web Api，以将其保存在数据库中。

我知道如果我只使用“表单”，我可以为电话（“电话”）和电子邮件（“电子邮件”）设置验证类型。使用 EditForm 是否有等效的验证器，如果没有，你能给我一个例子吗？我是否需要在我的 @code 中有一个函数来执行此操作（通过按钮单击），然后如果验证正常调用异步过程 InvokeGetQuote？

谢谢是提前。

标签： blazorblazor-editform

解决方案

验证器/验证
您的模型是这项工作的开始。让我们使用一个人：

public class Person
{
  [Required]
  [StringLength(10)]
  public string DisplayName { get; set; }

在这个 DisplayName 之上，有一些注解。谷歌它，查看一些示例，向它们添加错误消息。

在客户端添加组件以使用它并进行验证。它们是标准组件，非常易于使用。

如何显示这个？
嗯，这是最容易的部分。首先，如果数据库读取有关实体框架的信息，则从后端检索人员对象。

当您在网页上时，代码将如下所示。

<input value="@context.DisplayName" />

上面的代码“甚至不接近正确”，但你明白了。我更喜欢使用 MatBlazor 或 Bootstrap。如果您将 DisplayName 数据绑定到组件，则保存到数据库非常容易，因为它是数据绑定的，并且由模型验证，只需在 DBContext 上执行 SaveChanges。

注意：
很难理解您的问题以及您实际在寻找什么。我回答希望能让你开始。我建议你只问一个问题。
喜欢：关于 blazor 服务器端的注释或好的教程的问题？

推荐阅读