如何自定義由MVC中ValidationMessageFor生成的HTML標記

Question

我正在處理MVC 4項目，該項目需要在模型驗證引發任何錯誤時生成特定標記。

假設：

<div><i class="fa fa-info"></i><span>Error Message</span><div> 

我試圖jQuery來更新事件所需的標記，但使因爲太多的客戶端事件需要附加的DOM元素的代碼複雜。

感謝

編輯： Razor視圖引擎產生

@Html.ValidationMessageFor(model => model.ModelProperty) 

一個特定的標記我想自定義的Razor視圖引擎上面的輔助方法生成的標記，而不會影響驗證功能。

Answer 1

MVC驗證消息塊的css類名是：.validation-summary-errors。您可以使用F12檢查員輕鬆找到它。所以：

$(document).ready() { 
    $('.validation-summary-errors').html('<span>' + $('.validation-summary-errors').html() + '</span>') 
    $('.validation-summary-errors').prepend('<i class="fa fa-info"></i>') ; 
}