asp.net-mvc - ASP.Net MVC:用户必须在客户端选择一个复选框验证
问题描述
我有 UI,我在其中显示 3 个复选框,每个复选框都引用模型类的不同属性。我只是通过 mvc 数据注释使用 jquery 不显眼的验证。我希望当用户提交表单时,用户必须选择一个复选框,否则将显示客户端错误消息并且不会提交表单。
我可以通过 jquery 来完成,但我想通过 mvc 数据注释来完成。
看我的模型课
public class Customer
{
[Required]
[Display(Name = "First Name")]
public string FirstName { get; set; }
[Required]
[Display(Name = "Last Name")]
public string LastName { get; set; }
[Display(Name = "Mail to me")]
public bool SelfSend { get; set; }
[Display(Name = "3rd party")]
public bool thirdParty { get; set; }
[Display(Name = "Others")]
public bool Others { get; set; }
}
控制器
[ValidateAntiForgeryToken()]
[HttpPost]
public ActionResult Index(Customer customer)
{
if (customer.Others == false || customer.SelfSend == false || customer.thirdParty == false)
ModelState.AddModelError("Error", "Must select one option");
return View();
}
使用下面的代码,我可以验证是否从服务器端代码中选择了任何复选框,并添加在客户端显示错误的模型错误。
但我想使用普通数据注释在客户端进行验证。
看我的剃须刀代码
<div class="row">
<div class="col-md-8">
<section id="testform">
@using (Html.BeginForm("Index", "Customers", FormMethod.Post, new { @class = "form-horizontal", role = "form" }))
{
@Html.AntiForgeryToken()
<h4>Enter customer info.</h4>
<hr />
@Html.ValidationSummary(true, "", new { @class = "text-danger" })
<div class="form-group">
@Html.LabelFor(m => m.FirstName, new { @class = "col-md-2 control-label" })
<div class="col-md-10">
@Html.TextBoxFor(m => m.FirstName, new { @class = "form-control" })
@Html.ValidationMessageFor(m => m.FirstName, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
@Html.LabelFor(m => m.LastName, new { @class = "col-md-2 control-label" })
<div class="col-md-10">
@Html.TextBoxFor(m => m.LastName, new { @class = "form-control" })
@Html.ValidationMessageFor(m => m.LastName, "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<div class="checkbox">
@Html.CheckBoxFor(m => m.SelfSend)
@Html.LabelFor(m => m.SelfSend)
</div>
</div>
<div class="col-md-offset-2 col-md-10">
<div class="checkbox">
@Html.CheckBoxFor(m => m.thirdParty)
@Html.LabelFor(m => m.thirdParty)
</div>
</div>
<div class="col-md-offset-2 col-md-10">
<div class="checkbox">
@Html.CheckBoxFor(m => m.Others)
@Html.LabelFor(m => m.Others)
</div>
</div>
<div class="col-md-offset-2 col-md-10">
@Html.ValidationMessage("Error", "", new { @class = "text-danger" })
</div>
</div>
<div class="form-group">
<div class="col-md-offset-2 col-md-10">
<input type="submit" value="Save" class="btn btn-default" />
</div>
</div>
}
</section>
</div>
</div>
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}
解决方案
您可以尝试编写客户模型验证属性。
添加CheckBoxAuthAttribute
您的三个验证属性之一。
ValidationAttributeprotected virtual ValidationResult IsValid(object value, ValidationContext validationContext)
中有一个方法。override in
public class CheckBoxAuthAttribute : ValidationAttribute
{
public CheckBoxAuthAttribute(params string[] propertyNames)
{
this.PropertyNames = propertyNames;
}
public string[] PropertyNames { get; private set; }
protected override ValidationResult IsValid(object value, ValidationContext validationContext)
{
var properties = this.PropertyNames.Select(validationContext.ObjectType.GetProperty);
var values = properties
.Select(p => p.GetValue(validationContext.ObjectInstance, null))
.OfType<bool>();
if (values.Contains(true) || (bool)value == true)
{
return null;
}
return new ValidationResult(this.FormatErrorMessage(validationContext.DisplayName));
}
}
public class Customer
{
[Required]
[Display(Name = "First Name")]
public string FirstName { get; set; }
[Required]
[Display(Name = "Last Name")]
public string LastName { get; set; }
[Display(Name = "Mail to me")]
[CheckBoxAuth("thirdParty", "Others", ErrorMessage = "Must select one option"))]
public bool SelfSend { get; set; }
[Display(Name = "3rd party")]
public bool thirdParty { get; set; }
[Display(Name = "Others")]
public bool Others { get; set; }
}
推荐阅读
- python-3.x - 如何使用python连接到redshift jdbc url?
- javascript - Firestore Cloud Function 空集合
- mysql - mysqladmin 使用 -defaults-file=/etc/mysql/debian.cnf 时拒绝访问
- java - Java Websocket Server-Client 解码器不工作
- c# - 如何在 Visual Studio 中为 UWP 应用更改每个目录级别的资产构建设置?
- powershell - 通过 Invoke-Expression 传递 cmd-line IF 语句会中断输出
- java - 如何防止android活动从后台打开?
- typescript - 在 TS [ts(7053)] 中输入 for...in 问题
- amazon-cloudformation - Terraform 插值将不需要的零添加到列表中
- python - 重新启动挂起的线程