剃刀 - 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

剃刀

回答

相關問題