Изменить класс CSS для ввода при ошибке проверки с помощью бритвы

Question

В моем приложении ASP MVC 3 у меня есть эта форма

@using (Html.BeginForm())
  {
    <input id="Username" name="UserName" type="text" value="Username" class="form-text" />
    <input id="PasswordTxt" name="PasswordTxt" type="text" value="Password" class="form-text" />
    <input id="Password" name="Password" type="password" class="form-text" style="display: none"/>
    <input id="bt_login" type="submit" value="Log in" class="bt_login" />
    <div class="login_lbl_error">
      @Html.ValidationSummary()
    </div>
  }

Я хочу изменить класс каждого неправильного текстового поля на "login_lbl_error".

Есть идеи?

Спасибо.

Answer 1

С MVC3 класс CSS input-validation-error будет автоматически добавлен к элементам ввода, которые имеют ошибки проверки.

Поэтому в вашем CSS вы можете стилизовать этот класс:

.input-validation-error
{
   color:red;
}

Answer 2

По умолчанию MVC добавляет input-validation-error и field-validation-error, вы можете использовать JQuery для переопределения этих классов:

<script type="text/javascript">
    $(document).ready(function(){
        $('.input-validation-error').addClass('CustomErrorClass').removeClass('input-validation-error');
        $('.field-validation-error').addClass('CustomErrorClass').removeClass('field-validation-error');
    });
</script>