剃刀
更改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”的。
任何想法?
谢谢。
使用MVC3,一个input-validation-error
CSS类将自动添加到具有验证错误的输入元素。
因此,在你的CSS,你可以风格这个类:
.input-validation-error
{
color:red;
}
并且有没有办法覆盖该类名? – Ayyash 2013-09-30 13:44:45
@Ayyash您不能重写CSS类名称,但可以在发生错误时应用其他类型的名称。看到我的答案在http://*.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>
你尝试使用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