Jquery.Validate帶有標籤名稱的窗體頂部的錯誤消息

Question

是否有可能在jQuery Validation Plugin中像這樣的表單上方顯示錯誤消息？

我在做這樣的事情，但它顯示了許多領域如何無效。我是新的jQuery驗證和學習，所以我不知道這一點。

$("#addQ").validate({ 
    invalidHandler: function(form, validator) { 
     var errors = validator.numberOfInvalids(); 
     if (errors) { 
      $("#error-message").show().text("You missed " + errors + " field(s)"); 
     } else { 
      $("#error-message").hide(); 
     } 
    } 
}); 

謝謝。

Answer 1

你會使用showErrors代替invalidHandler做這樣的事情...

showErrors: function(errorMap, errorList) { 
    var messages = ''; 
    $.each(errorList, function(i, val) { 
     messages = messages + "<li>" + errorList[i].message + "</li>"; 
    }); 
    $("#summary").html(messages); 
} 

或字段名：

showErrors: function(errorMap, errorList) { 
    var messages = ''; 
    $.each(errorMap, function(key, value) { 
     messages = messages + "<li>" + key + ": " + value + "</li>"; 
    }); 
    $("#summary").html(messages); 
} 

http://jsfiddle.net/hauv7y0a/