窗體頂部的Jquery.Validate錯誤消息

Question

我想知道如何在窗體上方顯示單個錯誤消息而不是單個字段消息。像這種形式具有http://jquery.bassistance.de/validate/demo/marketo/step2.htm

我知道它是與手感，但是不完全知道如何或在哪裏把他們

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

這是代碼我有一個使用所有默認驗證

Answer 1

您應該使用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/