Я использую html5/Razor/MVC3, используя шаблон Bootstrap из Twitter. Я хочу иметь форму проверки, которая выглядит скользкой, как они документированы (http://twitter.github.com/bootstrap/#forms). Поэтому, если мы посмотрим, как стандартная котельная плита MVC3 для регистрации учетной записи, разметка будет выглядеть так:
@using (Html.BeginForm("Register", "Account", FormMethod.Post, new { @class="form-stacked" })) {
@Html.ValidationSummary(true, "Snap! Something went wrong")
<div>
<fieldset>
<legend>Account Information</legend>
<div class="clearfix error">
@Html.LabelFor(m => m.UserName)
<div class="input">
@Html.TextBoxFor(m => m.UserName)
<span class="help-inline">@Html.ValidationMessageFor(m => m.UserName)</span>
</div>
</div>
<div class="clearfix">
@Html.LabelFor(m => m.Email)
<div class="input">
@Html.TextBoxFor(m => m.Email)
<span class="help-inline">@Html.ValidationMessageFor(m => m.Email)</span>
</div>
</div>
<div class="clearfix">
@Html.LabelFor(m => m.Password)
<div class="input">
@Html.PasswordFor(m => m.Password)
<span class="help-inline">@Html.ValidationMessageFor(m => m.Password)</span>
</div>
</div>
<div class="clearfix">
@Html.LabelFor(m => m.ConfirmPassword)
<div class="input">
@Html.PasswordFor(m => m.ConfirmPassword)
<span class="help-inline">@Html.ValidationMessageFor(m => m.ConfirmPassword)</span>
</div>
</div>
</fieldset>
<div class="actions">
<button class="btn large primary" type="submit">Register</button>
</div>
</div>
Я хочу сделать, чтобы контейнер div вводил класс "error", как я был жестко закодирован в первом входе. (Итак, при входе на страницу у div будет класс "clearfix", но если этот входной блок не прошел проверку, он помечает его как "clearfix error" ). Я полагаю, что мне придется обновить блок div, чтобы включить какой-то идентификатор и, возможно, добавить новый атрибут data в ValidationMessage. У меня нет проблемы с расширением помощника ValidationMessageFor. Я просто не уверен на 100%, какой подход должен быть для расширения библиотеки там. Любые предложения о том, как подойти к этому?
ТИА.
UPDATE
Я думаю, что этот подход разумный:
<div id="UserNameContainer" class="clearfix error">
@Html.LabelFor(m => m.UserName)
<div class="input">
@Html.TextBoxFor(m => m.UserName)
<span class="help-inline">@Html.ValidationMessageFor(m => m.UserName, null, new { @data_container = "UserNameContainer" })</span>
</div>
</div>
Оформляя мое сообщение о подтверждении именем контейнера данных, я мог бы затем настроить таргетинг на контейнер div. Теперь мне просто нужно выяснить, как перехватить сообщение проверки.