Question

I wanna display error message with success image(green tick mark) and failure image(Red warning) in validation summary. how to do this.
and i validation summary i will have to display some text in bold, italics etc. for that i tried to pass string like this.

inValid <b>username</b> or <b>password</b>

But in the page its rendering as it is. it is not showing username and password in bold. is there any way to do that. I am getting this validation error messages in controller and adding this to ModelState.add(error);

Answer 1

There is no doubt that @Darin Dimitrov answer is the best practice. but as a newbie i am gaining that functionaliy by using ViewBag
Inside Controller

if(true) //All is well and success msg is to be sent
{
     ViewBag.Errors = null;
     ViewBag.Success = "<b>Login</b> is Successful";

     //Redirect
}
else
{
     ViewBag.Errors = "<b>Some Error messages</b>";
     ViewBag.Success = null;
 }

Inside View()

@if(ViewBag.Errors != null)
{
     <div class="error">@Html.Raw(@ViewBag.Errors)</div>
}

@if(ViewBag.Success != null)
{
     <div class="success">@Html.Raw(@ViewBag.Success)</div>
}

Now the Css

.error { color: red; background-image:error_image.png; }
.success { color:green; background-image : success_image.png; }