MVC 3の検証：検証

Question

私はMVC 3の検証を使用していますが失敗したコントロールに対応する私のラベルの赤をオンにしたいです。私のプロダクトマネージャーは、エラーが発生した各コントロールのラベルを赤にしたいと考えています。

「生徒名」のラベルは赤色に変わるはずです。 「メールアドレス」のラベルが赤色に変わります。

私はdivの中に各エラーMSGをラップし、JSファイル内の各div要素

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

の長さをチェックしてみました：

$(document).ready(function() { 

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

    } 

をしかし、私は何の成功を持っていません。検証チェックは完全なリフレッシュなしで行われ、その結果、検証中にmy $（document）.readyが起動されません。私は本当にjsの中の王じゃない

クライアント側の検証が

を有効に

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が、これは上でも（動作するようです：

Answer 1

クライアント側の検証は無効単純な場合少なくとも）

$('form').submit(function() { 
     var form = $(this); 
     $('label').removeClass('field-validation-error'); 
     if (!form.valid()) { 
      $('.input-validation-error') 
       .each(function() { 
        $("label[for='" + $(this).attr("id") + "']").addClass('field-validation-error'); 
       }); 
     } 
    }); 

Answer 2

以下は、送信ボタンがクリックされたときにエラークラスを追加（または削除）することで、divタグに色付けするJQuery関数です。ラベルを簡単に変更してクラスにラベルを追加することができます。

$('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'); 
      } 
     }); 
    } 
});