剃刀 - VoidCC

更改CSS类的输入验证错误在我的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”的。

任何想法？

谢谢。

来源

2012-03-28 kbaccouche

你尝试使用jQuery从**输入验证错误**改变自己的类你需要什么？ – 2012-03-28 08:39:36

哦，我不知道这个输入验证错误，我需要做某个事件吗？ – kbaccouche 2012-03-28 08:44:09

您可以将处理程序附加到窗体的提交事件，您可以将该类的所有输入更改为login_lbl_error。作为替代方案，您可以简单地使用“input-validation-error”:) – 2012-03-28 08:48:36

使用MVC3，一个input-validation-error CSS类将自动添加到具有验证错误的输入元素。

因此，在你的CSS，你可以风格这个类：

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

来源

2012-03-28 08:50:53 Curt

并且有没有办法覆盖该类名？ – Ayyash 2013-09-30 13:44:45

@Ayyash您不能重写CSS类名称，但可以在发生错误时应用其他类型的名称。看到我的答案在http://stackoverflow.com/questions/11468130/twitter-bootstrap-integration-to-asp-net-mvc-validation/21167935#21167935 – 2014-01-23 11:31:30

默认情况下MVC增加输入验证错误和现场验证错误，你可以使用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>

来源

2016-01-06 10:59:22

剃刀

回答

相关问题