Asp.net MVC 3 RC - Razor ValidationMessageFor CustomMessage and ClientSideValidation Problem

Question

ASP.Net MVC 3 RC, Razor Experiencing some unexpected behavior when I try to use a custom message and using client side validation. The problem is it always displays the custom message even though there is no error. So say I have a Client Model where the FirstName is set as Required. If I have the following code the validation message is not displayed until I click on Submit which works as expected. ``` @Html.EditorFor(model => model.Client.FirstName) @Html.ValidationMessageFor(model => model.Client.FirstName) ``` But now say I want to customize the validation message to use an asterisk like so: ``` @Html.EditorFor(model => model.Client.FirstName) @Html.ValidationMessageFor(model => model.Client.FirstName, "*") ``` Now even before I click on the submit button, there is always an asterisk next to the field. The expected behavior is that it would show the asterisk when there is a validation error. Thanks for any help.

Accepted Answer

I found the problem, the following CSS is needed:

```
.field-validation-valid
{
    display: none;
}
.validation-summary-valid
{
    display: none;
}
```

Somewhere along my refactoring those classes got taken out. They are in there by default when you start a new MVC 3 project. Hope that helps someone in the future!

Asp.net MVC 3 RC - Razor ValidationMessageFor CustomMessage and ClientSideValidation Problem

Solution

Problem