我正在将一个较旧的ASP.NET 4.5网站移植到ASP.NET Core 3.0,并且在身份Razor页面及其工作方式方面遇到了一些问题。
例如,在应用程序的注册页面上,如下所示,表单已完全填写完毕,但是当单击按钮时,我在PostAsync()
文件的Register.cs
方法中点击了断点,绑定到Input
模型,除我在HTML中设置最初选择的值的Enum之外,其他所有内容始终都是null
。
注意:是的,我在代码文件中看到键入内容。那不是问题。截取屏幕截图后,我摆脱了这个问题。
[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 & 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 -->
更新:根据评论者的请求,这也是请求的有效负载。
经过数小时的辛苦尝试和错误,简单的答案是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 =属性。
[正如您在回答中所指出的,这里的问题是由于您的代码覆盖了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
选项,这很有用,因为在许多情况下,您可能希望HTMLname
属性与预期的ASP.NET Core默认值有所不同。