在MVC3编辑器模板中获取验证属性

Question

我正在编写一个编辑器模板,用于输入由三个字段组成的日期和时间.

• 带有jQuery UI datepicker的文本框.
• 用于输入时间的文本框.
• 通过javascript使用完整的日期和时间字符串更新的隐藏输入.

我们的想法是为用户显示日期和时间的单独字段,而只有一个字段绑定到模型.每当更改显示的字段时,隐藏字段将通过JavaScript更新.

@model System.DateTime?
<span class="datetime-editor">
<input class="datepicker" value="@(Model.HasValue ? 
  Model.Value.Date.ToString() : string.Empty)" readonly="readonly"/>
<input class="time" value="@(Model.HasValue ? 
  Model.Value.TimeOfDay.ToString() : string.Empty)"/>
@Html.HiddenFor(d => d)</span>

用于设置日期选择器并将值复制到隐藏字段的JavaScript.

$(".datepicker").datepicker();
$(".datetime-editor").find("input").change(function () {
    var date = $(this).parent().find(".datepicker").val();
    var time = parseTime($(this).parent().find(".time").val());
    if (date != "" && time != null) {
        $(this).siblings(".datetime-result").val(date + " " + time);
    }
    else {
        $(this).siblings(".datetime-result").val("");
    }
});

我的问题是验证属性.它们都存在于隐藏的输入标记中:

<input name="StartDateTime" id="StartDateTime" type="hidden" 
  data-val-required="Start date and time are required" data-val="true" value=""/>

我想以某种方式获取生成的data-val*属性,并将它们添加到可见输入中.通过ViewData.ModelMetaData我可以找出该字段是否需要,但我必须重新创建逻辑来创建data-val-required属性.我想获得生成的属性.

Answer 1

如果要在其上使用HTML5 data-*validation属性,可以使用HTML帮助程序生成这些输入:

@{
    var validationAttributes = Html.GetUnobtrusiveValidationAttributes("");
}
@Html.TextBox(
    "", 
    Model.HasValue ? Model.Value.Date.ToString() : string.Empty, 
    new RouteValueDictionary(validationAttributes) 
    { 
        { "class", "datepicker" }, 
        { "readonly", "readonly" } 
    }
)

@Html.TextBox(
    "", 
    Model.HasValue ? Model.Value.TimeOfDay.ToString() : string.Empty, 
    new RouteValueDictionary(validationAttributes) 
    { 
        { "class", "time" } 
    }
)