jQuery驗證 - 在提示顯示字段錯誤加上「請填寫必填字段」消息

Question

我有自定義ErrorPlacement功能在我的驗證，這在工具提示會顯示錯誤：

errorPlacement: function (error, element) { 
    var lastError = $(element).data('lastError'), 
     newError = $(error).text(); 
    $(element).data('lastError', newError); 
    if (newError !== '' && newError !== lastError) { 
     $(element).tooltipster('content', newError); 
     $(element).tooltipster('show'); 
    } 
}, 

這工作得很好，但我也需要在表格頂部顯示「請填寫所有必填字段」消息。

我怎麼用jQuery Validate做到這一點？

Answer 1

您正在尋找在documentation描述，errorContainer下的選項：

errorContainer 隱藏和顯示這個容器中時 驗證。示例：使用附加容器查看錯誤消息。 當出現 錯誤時，作爲errorContainer給出的元素全部顯示並隱藏。但是，錯誤標籤本身被添加到作爲errorLabelContainer給出的 元素中，這裏是一個無序列表。 因此，錯誤標籤也被包裝進li元素（包裝 選項）。

代碼應該是這樣的：

$('form').validate({ 
    errorContainer:'#myErrorDiv' 
}); 

工作例如：http://jsfiddle.net/ryleyb/3cDY4/