如何自定义由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>') ; 
}