如何自定义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 View Engine为上述帮助方法生成的标记，而不会影响验证功能。

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>') ; 
}