使用 Blazor 处理数据注释

Question

    <EditForm Model="CurrentCustomerSubmission" OnValidSubmit="ToSubmissionPage">
        <DataAnnotationsValidator/>
        <div class="wrap-login100 p-l-50 p-r-50 p-t-72 p-b-50">
            <form class="login100-form validate-form">
                <span class="login100-form-title p-b-59">
                    Sign Up
                </span>

                <div class="wrap-input100 validate-input" data-validate="First Name is required">
                    <span class="label-input100">First Name</span>
                    <input class="input100" type="text" name="firstName" placeholder="First Name..." @bind-value="@CurrentCustomerSubmission.customerFirstName" />
                    <span class="focus-input100"></span>
                </div>

从我的模型类

public class CustomerModel
{
    [Required]
    [StringLength(20, ErrorMessage = "First Name too long (20 letter limit)")]

当我单击表单上的提交时，不会进行验证，并且表单会刷新并且所有数据都丢失了。

Answer 1

EditForm 组件呈现为 Html 表单，但可惜您的标记包含另一个表单标记。 我想问题出在这里......你不应该在一个表单中嵌入一个表单......