使用jquery驗證在一個容器中列出所有錯誤消息

我希望將驗證消息添加到表單上方的容器中，而不是列表中的某個容器旁邊。到目前爲止，我所做的大部分工作。當用戶在字段中輸入無效信息時，驗證消息將被添加到列表中的容器中。問題是，如果用戶轉到某個字段並輸入有效數據，則整個錯誤列表將被隱藏，直到您單擊出現錯誤的字段時纔會返回。我需要錯誤列表保持顯示，並且在用戶修復字段時，相應的消息消失。使用jquery驗證在一個容器中列出所有錯誤消息

這是我如何設置我的.validate

$("#myform").validate({ 
    onSubmit : false, 
    errorContainer : '#message', 
    errorLabelContainer : '#message', 
    errorElement : "li", 
});

，然後相應地我有我上面的表格ID爲「錯誤」

的UL如何使這項工作？

來源

2012-02-01 Bobby

您可以設置一個[jsfiddle]（http://jsfiddle.net）或giv更多你的代碼嗎？你的問題中沒有足夠的信息來幫助你。 – 2012-02-01 22:58:03

您可以使用插件

var summary = "";  
    jQuery.each(errorList, function() { summary += this.message + '<br />' +"\n"; });

的errorList功能具有

.html(summary)

創建自己的錯誤陣列，您可以添加錯誤的隱藏錯誤容器：這裏是相關的部分來自最近項目的代碼：

$("#commentForm").validate({ 
      showErrors: function(errorMap, errorList) { 
       if (submitted) { 
        var summary = ""; 
        jQuery.each(errorList, function() { summary += this.message + '<br />' +"\n"; }); 
        var errorContainer = jQuery('#myErrorContainer'); 
        errorContainer.fadeIn().html(summary); 
        submitted = false; 
       } 
      },

來源

2012-12-18 17:08:09 thegrunt

使用jquery驗證在一個容器中列出所有錯誤消息

回答

相關問題