ASP.NET Core 3.0表单ModelState始终无效

问题描述 投票:-2回答:2

我正在将一个较旧的ASP.NET 4.5网站移植到ASP.NET Core 3.0,并且在身份Razor页面及其工作方式方面遇到了一些问题。

例如,在应用程序的注册页面上,如下所示,表单已完全填写完毕,但是当单击按钮时,我在PostAsync()文件的Register.cs方法中点击了断点,绑定到Input模型,除我在HTML中设置最初选择的值的Enum之外,其他所有内容始终都是null

注意:是的,我在代码文件中看到键入内容。那不是问题。截取屏幕截图后,我摆脱了这个问题。

Form error

    [BindProperty]
    public InputModel Input { get; set; }

    public class InputModel
    {
        [Required]
        [Display(Name = "First Name")]
        public string FirstName { get; set; }

        [Required]
        [Display(Name = "Last Name")]
        public string LastName { get; set; }

        [Required]
        [Display(Name = "Gender")]
        public Gender Gender { get; set; }

        [Required]
        [Phone]
        [Display(Name = "MobilePhone")]
        public string MobilePhone { get; set; }

        [Required]
        [EmailAddress]
        [Display(Name = "Email")]
        public string Email { get; set; }

        [Required]
        [StringLength(100, ErrorMessage = "The {0} must be at least {2} and at max {1} characters long.", MinimumLength = 6)]
        [DataType(DataType.Password)]
        [Display(Name = "Password")]
        public string Password { get; set; }

        [DataType(DataType.Password)]
        [Display(Name = "Confirm password")]
        [Compare("Password", ErrorMessage = "The password and confirmation password do not match.")]
        public string ConfirmPassword { get; set; }
    }

并且在我的Startup文件中:

 services.AddMvc()
            .SetCompatibilityVersion(CompatibilityVersion.Version_3_0)
            .ConfigureApiBehaviorOptions(options =>
            {
                options.SuppressConsumesConstraintForFormFileParameters = true;
                options.SuppressInferBindingSourcesForParameters = true;
                options.SuppressModelStateInvalidFilter = true;
                options.SuppressMapClientErrors = true;

            });

关于表单值始终为空的ModelState为什么总是无效的任何想法?

以下是表单的HTML:

<form asp-route-returnUrl="@Model.ReturnUrl"
                      class="form-horizontal push-50-t push-50 form-register"
                      method="post">
                    <div asp-validation-summary="All" class="text-danger"></div>
                    <!-- form entry - first name -->
                    <div class="form-group">
                        <div class="col-xs-12">
                            <div class="form-material form-material-success">
                                <label asp-for="Input.FirstName"></label>
                                <input asp-for="Input.FirstName" type="text"
                                       id="register-firstname" name="register-firstname" 
                                       class="form-control" placeholder="Enter your first name" />
                                <span asp-validation-for="Input.FirstName" class="text-danger"></span>
                            </div>
                        </div>
                    </div>
                    <!-- form entry - last name -->
                    <div class="form-group">
                        <div class="col-xs-12">
                            <div class="form-material form-material-success">
                                <label asp-for="Input.LastName"></label>
                                <input asp-for="Input.LastName" type="text"
                                       id="register-lastname" name="register-lastname"
                                       class="form-control" placeholder="Enter your last name" />
                                <span asp-validation-for="Input.LastName" class="text-danger"></span>
                            </div>
                        </div>
                    </div>
                    <!-- form entry - gender -->
                    <div class="form-group">
                        <div class="col-xs-12">
                            <div class="form-material form-material-success">
                                <label asp-for="Input.Gender"></label>
                                <select class="form-control" asp-for="Input.Gender"  id="register-gender" name="register-gender"
                                        placeholder="Please enter Male/Female">
                                <option selected="selected" value="@Gender.Male">Male</option>
                                <option  value="@Gender.Female">Female</option>

                                </select>
                                <span asp-validation-for="Input.Gender" class="text-danger"></span>
                            </div>
                        </div>
                    </div>
                    <!-- form entry - mobile phone -->
                    <div class="form-group">
                        <div class="col-xs-12">
                            <div class="form-material form-material-success">
                                <label asp-for="Input.MobilePhone"></label>
                                <input asp-for="Input.MobilePhone" type="tel"
                                       id="register-mobilephone" name="register-mobilephone"
                                       class="form-control" placeholder="Provide your mobile phone number" />
                                <span asp-validation-for="Input.MobilePhone" class="text-danger"></span>
                            </div>
                        </div>
                    </div>
                    <!-- form entry - email -->
                    <div class="form-group">
                        <div class="col-xs-12">
                            <div class="form-material form-material-success">
                                <label asp-for="Input.Email"></label>
                                <input asp-for="Input.Email" 
                                       type="email" id="register-email" name="register-email"
                                       class="form-control" placeholder="Your email address" />
                                <span asp-validation-for="Input.Email" class="text-danger"></span>
                            </div>
                        </div>
                    </div>
                    <!-- form entry - password -->
                    <div class="form-group">
                        <div class="col-xs-12">
                            <div class="form-material form-material-success">
                                <label asp-for="Input.Password"></label>
                                <input asp-for="Input.Password" 
                                       type="password" id="register-password" name="register-password"
                                       class="form-control" placeholder="Choose a strong password" />
                                <span asp-validation-for="Input.Password" class="text-danger"></span>
                            </div>
                        </div>
                    </div>
                    <!-- form entry - confirm password -->
                    <div class="form-group">
                        <div class="col-xs-12">
                            <div class="form-material form-material-success">
                                <label asp-for="Input.ConfirmPassword"></label>
                                <input asp-for="Input.ConfirmPassword" 
                                       type="password" id="register-password2" name="register-password2"
                                       class="form-control" placeholder="Confirm your password" />
                                <span asp-validation-for="Input.ConfirmPassword" class="text-danger"></span>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-7 col-sm-8">
                            <label class="css-input switch switch-sm switch-success">
                                <input type="checkbox" id="register-terms" name="register-terms"><span></span> I agree with terms &amp; conditions
                            </label>
                        </div>
                        <div class="col-xs-5 col-sm-4">
                            <div class="font-s13 text-right push-5-t">
                                <a href="#" data-toggle="modal" data-target="#modal-terms">View Terms</a>
                            </div>
                        </div>
                    </div>
                    <div class="form-group">
                        <div class="col-xs-12 col-sm-6 col-sm-offset-3">
                            <button id="register-button" class="btn btn-sm btn-block btn-success" type="submit">Create Account</button>
                        </div>
                    </div>
                </form>
                <!-- END Register Form -->

更新:根据评论者的请求,这也是请求的有效负载。

enter image description here

c# asp.net-core model-binding asp.net-core-3.0 modelstate
2个回答
0
投票

经过数小时的辛苦尝试和错误,简单的答案是html标记中的name属性必须是模型属性名称。

我将其发布为答案,以便所有遇到此问题的其他人都可以在这里轻松找到解决方案。

即这是导致每个属性失败的原因

 <!-- form entry - email -->
   <div class="form-group">
      <div class="col-xs-12">
         <div class="form-material form-material-success">
            <label asp-for="Input.Email"></label>
            <input asp-for="Input.Email" type="email" id="register-email" **name="register-email"**
                class="form-control" placeholder="Your email address" />
           <span asp-validation-for="Input.Email" class="text-danger"></span>
        </div>
    </div>
 </div>

输入标签帮助器中的asp-for属性帮助器将创建id和name属性,因此,如果您将标签帮助器与asp-for一起使用,则您也无法输入自己的name =属性。


0
投票

[正如您在回答中所指出的,这里的问题是由于您的代码覆盖了name设置的asp-for值。而且,通常,您确实希望保留该默认设置。

但是,值得指出的是,<>完全遵守该命名约定是不必要的。有一些可用的变体。首先,绑定到复杂对象时,动作参数或控制器属性的名称是可选的(reference)。因此,例如,您可以使用默认值Input.LastName(由asp-for生成),也可以简单地使用LastName。这对于可重复使用的组件(例如,视图组件或局部视图),它们公开了特定模型的标记,但可能不知道用于不同操作的参数的名称。当然,这也可能会造成歧义,因此,除非有令人信服的业务要求提供参数名称的灵活性,否则我认为这是明确的最佳做法。

第二,您可以通过在操作参数上使用[Bind(Prefix="MyInput")]来更改绑定模型前缀的名称,或者在您的情况下使用[BindProperty(Name="MyInput")]reference)。那时,您还可以更改参数或属性名称。但是,当您的标记命名约定与C#中的首选参数名称不匹配时,这可以提供一定的灵活性。

最后,您还可以创建一个自定义模型绑定程序,该自定义模型绑定程序派生自IModelBinder,以开发有关如何将表单名称映射到动作参数和绑定模型属性(reference)的自定义约定。如果您需要保持与旧版客户端或命名约定的兼容性,或者由于其他原因而倾向于使用非标准的命名约定,则这很有用。自定义模型联编程序通常很复杂,但是要支持基本约定,例如将snake-case转换为PascalCase甚至是snake-case转换为object.Notation,就不必太费力。

这有点落在兔子洞里。对于大多数用户和案例,就简单性,可预测性和可维护性而言,使用asp-for强制使用的即用型约定是最佳方法。但是请注意,它不是

only

选项,这很有用,因为在许多情况下,您可能希望HTML name属性与预期的ASP.NET Core默认值有所不同。
© www.soinside.com 2019 - 2024. All rights reserved.