我已经提出了一个EditorTemplate,用于显示三个部分的日期
@model DateTime? <table class="datetime"> <tr> <td>@Html.TextBox("Day",(Model.HasValue ? Model.Value.ToString("dd") : string.Empty)) </td> <td class="separator">/</td> <td>@Html.TextBox("Month",(Model.HasValue ? Model.Value.ToString("MM") : string.Empty))</td> <td class="separator">/</td> <td>@Html.TextBox("Year",(Model.HasValue ? Model.Value.ToString("yyyy") : string.Empty))</td> </tr> <tr> <td class="label">dd</td> <td/> <td class="label">mm</td> <td/> <td class="label">yyyy</td> </tr> </table>
模型
在此结构中,我必须将出生日期字段绑定到此属性,该字段是我的模型的子对象中的属性
MyModel --> MySubModel --> DateOfBirth public class MySubModel { ... [DataType(DataType.Date)] [Display(Name = "Date of birth")] [DateTimeClientValidation()] public DateTime DateofBirth { get; set; } ... }
客户端验证
我已经提出了一个自定义验证属性,它实现了IClientValidatable
public class DateTimeClientValidationAttribute : ValidationAttribute,IClientValidatable { ... public IEnumerable<ModelClientValidationRule> GetClientValidationRules(ModelMetadata Metadata,ControllerContext context) { List<ModelClientValidationRule> clientRules = new List<ModelClientValidationRule>(); //Combined date should be valid ModelClientValidationRule validDateRule = new ModelClientValidationRule { ErrorMessage = "Please enter a valid date.",ValidationType = "validdate" }; validDateRule.ValidationParameters.Add("dayelement",Metadata.PropertyName + ".Day"); validDateRule.ValidationParameters.Add("monthelement",Metadata.PropertyName + ".Month"); validDateRule.ValidationParameters.Add("yearelement",Metadata.PropertyName + ".Year"); clientRules.Add(validDateRule); return clientRules; } ... }
我正在尝试发出Day,Month&的元素名称.这里的年份文本框是客户端验证元素,因此我将在稍后编写客户端jquery验证方法和适配器,这将使用这些元素并在客户端进行验证.
视图
现在,要使用此编辑器模板,我将查看以下行
@model MyModel ... <tr> <td class="editor-label"> @Html.LabelFor(m => m.MySubModel.DateofBirth) </td> <td class="editor-field"> @Html.EditorFor(m => m.MySubModel.DateofBirth) @Html.ValidationMessageFor(m => m.MySubModel.DateofBirth) </td> </tr> ...
问题
>虽然我已经实现了IClientValidatable,但这并没有在html中散发出不显眼的javascript验证属性.
出于测试目的,当我将相同的属性(DateTimeClientValidation)放在未使用此编辑器模板的模型中的另一个属性上时,它会发出这些验证属性,它不会仅为此编辑器模板发出它.我哪里可能出错了?
>关于编辑器模板的验证消息范围,我将它放在View中是否正确,或者我应该将其直接放在编辑器模板中(@ Html.ValidationMessageFor(m => m.MySubModel.DateofBirth))
>在这个例子中,我在设计中是正确的,我已经放入了DateTimeClientValidationAttribute,它实际上是我放在模型上的一个属性,但是这个组件对UI有所了解(因为它试图发出日,月和周;年元素命名为客户端),这使得Model了解了一下View,我在这里打破了任何设计原则吗?
>在DateTimeClientValidationAttribute中,我试图发出日,月和日; year元素名称到客户端,以便客户端脚本可以对其进行验证.但由于模型属性DateofBirth位于子对象中,脚本中的实际元素名称是MySubObject.DateOfBirth,这使得Day文本框名称为MySubObject.DateofBirth.Day,如何在GetClientValidationRules方法中找到完全限定的模型名称,以便我可以向客户端发出名称?
感谢您耐心地阅读所有这些以及答案
解决方法
第一点是将控件定义为
@model DateTime? <table class="datetime"> <tr> <td>@Html.TextBox("",(Model.HasValue ? Model.Value.ToString("dd") : string.Empty)) </td> <td class="separator">/</td> <td>@Html.TextBox("",(Model.HasValue ? Model.Value.ToString("MM") : string.Empty))</td> <td class="separator">/</td> <td>@Html.TextBox("",(Model.HasValue ? Model.Value.ToString("yyyy") : string.Empty))</td> </tr> <tr> <td class="label">dd</td> <td/> <td class="label">mm</td> <td/> <td class="label">yyyy</td> </tr> </table>
确保您将空字符串作为名称提供给所有三个文本框,这会强制MVC框架为客户端中的所有三个文本框生成与Model DateofBirth相对应的相同名称.此外,将为列表中的第一个文本框生成不显眼的javascript验证参数,因为它是具有模型名称的编辑控件的第一个出现.
在客户端,任何这些文本框上的任何事件都会触发所有相关的验证事件,因为所有这三个文本框都具有相同的名称.
除了必需的常规验证之外,….我们必须编写一个自定义客户端验证例程,它将组合所有这三个值并检查组合值是否构成有效日期.这可以在Jeff给出的answer中实现.