当对List< t& gt;使用EditorFor时，客户端验证没有显示消息

本文关键字：验证 客户端 消息 显示 EditorFor List gt 使用 当对 | 更新日期: 2023-09-27 18:09:25

我有一个模型，简单:

public class MyModel {
    public int Id { get; set; }
    [MyValidation]
    public CheckBoxModel IList<Options> { get; set; }
}

CheckBoxModel = 

public class CheckBoxModel {
   public int Id { get; set; }
   public bool IsChecked { get; set; }
}

和MyValidation类:

public class MyValidationAttribute : ValidationAttribute, IClientValidatable {
    public IEnumerable<ModelClientValidationRule> GetClientValidationRules( ModelMetadata metadata,
         ControllerContext context )
      {
         yield return new ModelClientValidationRule {ValidationType = "requiredgroup"};
      }
public override bool IsValid( object value )
      {
         // logic here
      }
}

好的，让我们给你看一下视图:

<div class="test">
   @Html.EditorFor(model=>model.Options)
   @Html.ValidationMessageFor(model=>model.Options)
</div>

编辑器模板看起来像CheckBoxModel.cshtml:

<div>
   @Html.CheckBoxFor(m=>m.IsChecked, new {data_val_requiredgroup = "One item should be checked"})
   ...
</div>
EditorFor生成的HTML看起来像 
<div>
   <input type="checkbox" id="Options[0].IsChecked" name="Options[0]_IsChecked" data-val-required-group="One item should be checked"/>
</div>

自定义javascript验证:

$.validator.unobtrusive.adapters.add('requiredgroup', {}, function (options) {
   options.rules['requiredgroup'] = true;
   options.messages['requiredgroup'] = options.message;
});
$.validator.addMethod('requiredgroup', function(value, element, params) {
   var $module = $(element).parents('form');
   var result = $module.find('input[type="checkbox"][data-val-requiredgroup]:checked').length;
   return result;
});

客户端验证工作(表单提交被取消并留在同一页面上)，但它没有显示错误。

如何实现这一点?如何在@Html.ValidationMessageFor(model=>model.Options)中显示错误信息

当对List< t& gt;使用EditorFor时，客户端验证没有显示消息

您的自定义验证类需要继承ValidationAttribute类，并将错误消息传递给基构造函数。

public class DummyAttribute : ValidationAttribute, IClientValidatable
{
    public DummyAttribute() : base("{0} contains invalid data.")
    ....
}
相关文章：