Соедините форму проверки в Metro UI CSS с аннотациями данных в MVC5

Question

У меня есть небольшая проблема с проверкой в ​​моем приложении.

Я использую Metro UI CSS и я хотел бы соединить валидацию в Metro UI с сообщением из Аннотации данных в форме отправки.

В моей модели у меня есть поле Имя с атрибутом [Обязательный]:

[Required(ErrorMessageResourceName = "Error", ErrorMessageResourceType = typeof(Resources.Common.Required))]
[StringLength(50, MinimumLength = 3)]
public string Name { get; set; }

В представлении я создал форму проверки и ввода:

    @using (Html.BeginForm("AddCalendar", "Admin", FormMethod.Post, new { data_role = "validator", data_on_submit = "formSubmit", data_hint_mode = "hint", data_hint_easing = "easeOutBounce" }))
       {
    @Html.AntiForgeryToken()
    <div class="row cells12">
        <div class="cell colspan2 padding-top05">
            @Resources.Models.Calendars.Name
        </div>
        <div class="cell colspan3 input-control text" data-role="input">
            @Html.TextBoxFor(m => m.Name, new { type = "text", maxlength = 50, required = "required", data_validate_func = "required", data_validate_hint = String.Format("{0}", Html.ValidationMessageFor(x => x.Name)), data_validate_hint_position = "right" })
            <span class="input-state-error mif-warning"></span>
            <span class="input-state-success mif-checkmark"></span>
        </div>
        <div class="cell no-margin">
            <div class="no-display too-short mif-notification fg-red cursor-pointer padding-left10 padding-top10 place-left"
                 data-role="hint" data-hint="@Resources.Common.Required.Error" data-hint-position="right"
                 data-hint-background="bg-red" data-hint-color="fg-white">
            </div>
        </div>
        <div class="cell colspan5">
            <h4 class="text-light no-margin-top">@Resources.Views.Admin.AddCalendar.WorkingDays</h4>
            <hr>
        </div>
    </div>

        <div class="row cells12">
            <div class="cell colspan5"></div>
            <div class="cell no-margin"></div>
            <div class="cell offset">
                <input type="submit" class="button" value="@Resources.Common.Buttons.Save">
            </div>
        </div>
}

Когда я нажимаю мою форму отправки в пустом поле Имя, у меня есть пустой совет. Я хотел бы использовать сообщение от аннотации данных добавить к моей подсказке. Как я могу сделать?