Custom Validation Message Helper in ASP.NET MVC

Introduction

I wrote an earlier post about Creating Custom Html Helpers in ASP.NET MVC which emphasized on how we can write custom html helper extensions in ASP.NET MVC according to our need, so that we can reuse them in our complete application, instead of writing plain html in View.

The example in that article was using ActionLink, today I am going to tell how we can implement custom Validation Message helper. I wanted to modify the validation message displaying in my application so that it displays * in front of required fields and the error message in tooltip of it like,


For that, add a class in the project and add an extension method which will render our custom html that will be displayed for error message,

and then define the following CSS in a CSS file, in my case it is site.css or you can add it in the view,