result-client-error.html

<div class="control-group error">
    <label class="control-label" for="Title">Title</label>
    <div class="controls">
        <input class="input-block-level" data-val="true" data-val-required="Dit is een verplicht veld." id="Title" name="Title" type="text" value="Test Veiling">
        <span class="help-inline field-validation-error" data-valmsg-for="Title" data-valmsg-replace="true">
            <span for="Title" generated="true" class="" style="">Dit is een verplicht veld.</span>
        </span>
    </div>
</div>

result-server-error.html

<div class="control-group error">
    <label class="control-label" for="Title">Title</label>
    <div class="controls">
        <input class="input-validation-error input-block-level" data-val="true" data-val-required="Dit is een verplicht veld." id="Title" name="Title" type="text" value="">
        <span class="field-validation-error help-inline" data-valmsg-for="Title" data-valmsg-replace="true">Dit is een verplicht veld.</span>
    </div>
</div>

SomeView.cshtml

@Html.EditorFor(model => model.Title)

String.cshtml

@using Auction.Web.Utility
@model object

@{
    var htmlAttributes = new RouteValueDictionary();
    if (ViewBag.@class != null)
    {
        htmlAttributes.Add("class", ViewBag.@class);
    }
    if (ViewBag.@type != null)
    {
        htmlAttributes.Add("type", ViewBag.@type);
    }
    if (ViewBag.placeholder != null)
    {
        htmlAttributes.Add("placeholder", ViewBag.placeholder);
    }
}


<div class="control-group@(Html.ValidationErrorFor(m => m, " error"))">
    @Html.LabelFor(m => m, new { @class = "control-label" })
    <div class="controls">
        @Html.TextBox(
            "",
            ViewData.TemplateInfo.FormattedModelValue,
            htmlAttributes)
        @Html.ValidationMessageFor(m => m, null, new { @class = "help-inline" })
    </div>
</div>

validation.js

$.validator.setDefaults({
    highlight: function (element) {
        $(element).closest(".control-group").addClass("error");
    },
    unhighlight: function (element) {
        $(element).closest(".control-group").removeClass("error");
    }
});