ツールチップのMVC3検証エラーメッセージ

Question

ASP.NETとMVC3を初めて使用しています。 jquery.validate.unobtrusive.jsを更新せずにMVC3検証エラーメッセージをツールチップに表示する必要があるプロジェクトがあります。 私はこの

click here

を試してみました。しかし、それは仕事を得ることができませんでした。上記のリンクに従って私が使用すべき機能があります。ここに何か言います...私は、検証に失敗したときに必要なフィールドの横にエラーアイコンが表示されるように、どのコードを書くべきかを知ることができませんでした。

$(function() { 
    var settngs = $.data($('form')[0], 'validator').settings; 
    var oldErrorFunction = settngs.errorPlacement; 
    var oldSucessFunction = settngs.success; 
    settngs.errorPlacement = function (error, inputElement) { 
     //Do something here 
     oldErrorFunction(error, inputElement); 
    } 
    settngs.success = function (error) { 
     //Do something here 
     oldSucessFunction(error); 
    } 
}); 

誰でも手助けできますか？

Answer 1

あなたは、あなたがさらにthisリンクをご確認ください

<script> 
    $(function() { 
     var settngs = $.data($('form')[0], 'validator').settings; 
     var oldErrorFunction = settngs.errorPlacement; 
     var oldSucessFunction = settngs.success; 
     settngs.errorPlacement = function (error, inputElement) { 
      $(inputElement).closest('div').next().removeClass('myfield-validation-valid').addClass('myfield-validation-error') 
      oldErrorFunction(error, inputElement); 
     } 
     settngs.success = function (error) { 
      $(error).closest('div').addClass('myfield-validation-valid').removeClass('myfield-validation-error') 
      oldSucessFunction(error); 
     } 
    }); 
</script> 

、あなたの成功と失敗のコールバックであなたのこれらのクラスを使用することができ、

.myfield-validation-error 
{ 
    content: ""; 
    display: inline-block; 
    height: 16px; 
    width: 16px; 
    margin-right: 4px; 
    background-image:url(../../Images/Close-2-icon.png); 
} 
.myfield-validation-valid 
{ 
    content: ""; 
    display: inline-block; 
    height: 16px; 
    width: 16px; 
    margin-right: 4px; 
    background-image:url(../../Images/Ok-icon.png); 
} 

を次のCSSを使用することができます。

Answer 2

MVC3を使用している場合、提供されている検証を活用できます。実装方法の例については、「アカウントコントローラ - レジスタビュー」を参照してください。

研究（ビュー）：

Html.ValidationSummary @（真、 "アカウントの作成が失敗した エラーを修正して、もう一度お試しください。。"）

とのクラス：

System.ComponentModel.DataAnnotations.RequiredAttribute