I\'m looking for a way to change the default ASP.net MVC validation so that instead of putting a message next to each incorrect form field it would instead put an icon. I wo
Actually, reimplementing all the client-validation stuff would be not the best idea. So, I will show you some simple "hack" approach. This may help you.
Default validation places .field-validation-error
class on the generated error-text-container spans. So, let's style that span to our needs
.field-validation-error
{
background-image: url('http://findicons.com/files/icons/1014/ivista/128/error.png');
background-repeat: no-repeat;
color: Transparent;
background-size: 16px 16px;
}
This makes span text contents dissapear and instead places background-image in there. This gives pretty close visual behavior to one you need.
This is the exact output given from above css.