フォームの上にJquery.Validateエラーメッセージ

Question

個々のフィールドメッセージの代わりにフォームの上に1つのエラーメッセージを表示する方法を知りました。このフォームのように私は、これは私が

Answer 1

すべてのデフォルトの検証を使用していたコードである方法や場所にそれらを置くために

<script> 
    $(document).ready(function(){ 
    $("#valform").validate(); 
    }); 
    </script> 

正確に確認してください、それはハンドルとは何かを持って知っているがないhttp://jquery.bassistance.de/validate/demo/marketo/step2.htm

を持っていますこの機能にはinvalidHandlerを使用する必要があります。このような何かを行う必要があります。

$("#myform").validate({ 
    invalidHandler: function(form, validator) { 
     var errors = validator.numberOfInvalids(); 

     if (errors) { 
      $("#error-message").show().text("You missed " + errors + " field(s)"); 
     } else { 
      $("#error-message").hide(); 
     } 
    } 
}); 

例：

：デフォルトのエラーメッセージを非表示にする場合 http://jsfiddle.net/KheRr/1/

、あなたはフィールドと検証タイプのエラーメッセージとして""を指定する必要があります

$("#myform").validate({ 
    invalidHandler: function(form, validator) { 
     var errors = validator.numberOfInvalids(); 

     if (errors) { 
      $("#error-message").show().text("You missed " + errors + " field(s)"); 
     } else { 
      $("#error-message").hide(); 
     } 
    }, 
    messages: { 
     field1: { 
      required: "" // You'll have to do this for each field and validation type. 
     } 
    } 
}); 

例：http://jsfiddle.net/KheRr/2/