MVC 3-Validierung: möchte meine Etiketten rot, die Kontrollen entsprechen, die Validierung fehlgeschlagen

Question

Ich verwende MVC 3-Validierung. Mein Produktmanager möchte, dass das Etikett für jedes Steuerelement, bei dem ein Fehler aufgetreten ist, rot wird.

So sollte "Schüler Vorname" Etikett rot werden. Die E-Mail-Adresse sollte rot angezeigt werden.

Ich habe versucht, jeden Fehler msg in einem div zu wickeln und die Länge jedes div überprüfen

<div id="divValStudentFirstName">@Html.ValidationMessageFor(m => m.studentFirstName)</div> 

in einer js-Datei:

$(document).ready(function() { 

    if ($("#divValStudentFirstName").length > 1) { 
       ("#divStudentFirstName").css("color", "red"); 

    } 

Aber ich habe keinen Erfolg. Die Validierungsprüfung wird ohne eine vollständige Aktualisierung durchgeführt, und daher wird mein $ (document) .ready nicht ausgelöst, wenn die Validierung eintritt.

Answer 1

Client-seitige Validierung deaktiviert:

public static IHtmlString ValidationLabelFor<TModel, TValue>(this HtmlHelper<TModel> html, Expression<Func<TModel, TValue>> expression, string labelText = null) { 
      var metadata = ModelMetadata.FromLambdaExpression(expression, html.ViewData); 
      var name = ExpressionHelper.GetExpressionText(expression); 
      string resolvedLabelText = labelText ?? metadata.DisplayName ?? metadata.PropertyName ?? name.Split('.').Last(); 
      if (String.IsNullOrEmpty(resolvedLabelText)) { 
       return MvcHtmlString.Empty; 
      } 

      var tag = new TagBuilder("label"); 
      tag.Attributes.Add("for", TagBuilder.CreateSanitizedId(html.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName(name))); 
      tag.GenerateId(name); 
      tag.SetInnerText(resolvedLabelText); 
      ModelState modelState; 
      string fullName = html.ViewContext.ViewData.TemplateInfo.GetFullHtmlFieldName(name); 
      if (html.ViewData.ModelState.TryGetValue(fullName, out modelState)) { 
       if (modelState.Errors.Count > 0) { 
        tag.Attributes.Add("style", "color:red"); 
       } 
      } 
      return new MvcHtmlString(tag.ToString()); 
     } 

EDIT

Validierung Client-Seite

aktiviert

Ich bin wirklich kein König in js, aber dies scheint auf eine (gut zu funktionieren einfacher Fall mindestens)

Answer 2

Im Folgenden finden Sie eine JQuery-Funktion, mit der das enthaltene div-Tag durch Hinzufügen (oder Entfernen) einer Fehlerklasse beim Klicken auf die Schaltfläche zum Senden markiert wird. Es kann leicht geändert werden, um die Klasse dem Label hinzuzufügen.

$('form').submit(function() { 

    if ($(this).valid()) { 
     $(this).find('div.form-group').each(function() { 
      if ($(this).find('span.field-validation-error').length == 0) { 
       $(this).removeClass('error-colored'); 
      } 
     }); 
    } 
    else { 
     $(this).find('div.form-group').each(function() { 
      if ($(this).find('span.field-validation-error').length > 0) { 
       $(this).addClass('error-colored'); 
      } 
     }); 
    } 
});