窗体顶部的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/