asp.net-mvc-3 – ASP.Net MVC 3 – 编辑器模板的客户端不显眼验证

前端之家收集整理的这篇文章主要介绍了asp.net-mvc-3 – ASP.Net MVC 3 – 编辑器模板的客户端不显眼验证前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是ASP.Net MVC 3的新手,面对一些问题,同时尝试为我创建的用于以自定义方式显示日期的编辑器模板实现客户端不显眼的验证.

UI
我需要以三个texBox UI格式显示日期

我已经提出了一个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>
...

在视图中添加了所有相关的jquery验证文件作为引用

问题

>虽然我已经实现了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中实现.

原文链接:https://www.f2er.com/aspnet/251857.html

猜你在找的asp.Net相关文章