Question

我有:

$("#pmtForm").validate({
            rules: {
                    acct_name: "required",                        
                    acct_type: "required",  
                    acct_routing:  { 
                                     required: true,    
                                     digits: true,
                                     exactLength:9
                                     }, 
                    acct_num:      { 
                                     required: true,    
                                     digits: true
                                     }, 
                    c_acct_routing:{ 
                                     equalTo:  #acct_routing 
                                     },     
                    c_acct_num:    { 
                                     equalTo:  #acct_routing 
                                     }      
            },
            messages: {
                    acct_name: "<li>Please enter an account name.</li>",
                    acct_type: "<li>Please choose an account type.</li>",
                    acct_routing: "<li>Please enter a routing number.</li>",
                    acct_num: "<li>Please enter an account number.</li>",
                    c_acct_routing: "<li>Please confirm the routing number.</li>",
                    c_acct_num: "<li>Please confirm the account number.</li>"
            },

        //  errorContainer:  #div.error ,

            errorPlacement: function(error, element) {
                $( #errorList ).html("");
                $( #errorList ).append(error);
                $( div.error ).attr("style","display:block;");  
            } 
        });

我正试图将错误信息插入上面的四点。我的问题是,如果我删除这一条线:美元(#errorList .html(“”),那么它就第一次正确显示错误信息。如果再一次打听,它将向四分五点发送另外一套信息。如果我保留美元(#errorList .html(“”),那么我只收到一个错误信息。

Please enter an account number.

我怎么再重犯错误,不重复,正确显示错误信息?

预先感谢。

Answer 1

这项工作:

  $("#addPmtAcctForm").validate({
            rules: {
                    acct_name: "required",                        
                    acct_type: "required",  
                    acct_routing:  { 
                                     required: true,    
                                     digits: true,
                                     exactLength:9
                                     }, 
                    acct_num:      { 
                                     required: true,    
                                     digits: true
                                     }, 
                    c_acct_routing:{ 
                                     equalTo:  #acct_routing 
                                     },     
                    c_acct_num:    { 
                                     equalTo:  #acct_num 
                                     }      
            },
            messages: {
                    acct_name: "<li>Please enter an account name.</li>",
                    acct_type: "<li>Please choose an account type.</li>",
                    acct_routing: "<li>Please enter a routing number.</li>",
                    acct_num: "<li>Please enter an account number.</li>",
                    c_acct_routing: "<li>Please confirm the routing number.</li>",
                    c_acct_num: "<li>Please confirm the account number.</li>"
            },

            errorLabelContainer: $("ul", $( div.error )), wrapper:  li ,

            errorContainer: $( div.error ),

            errorPlacement: function(error, element) {
                $( #errorList ).append(error);
            } 
        });

Answer 2

我认为,你之后的更合适的网站errorContainer ,errorLabelContainer和。



$("#pmtForm").validate({
        rules: { ... },
        messages: { ... },
        errorContainer:  #errorList ,
        errorLabelContainer: "#errorList ul",
        wrapper:  li 
});

您现在可以删除<代码><li></li>,从您的错误信息中总结,然后在<代码><div id=“#errorList”><ul><</div>,并隐藏<div>,如果没有错误:]

Answer 3

j 质量验证将控制你错误信息的状况。也就是说,你不得不使用:

$( #errorList ).html("");

用于控制你错误集装箱的状况。在此情况下,你应当成为大韩民国,以便:

errorContainer:  #div.error

减少错误更意在使你能够将错误信息传递给一个非常具体的集装箱(即:在为错误信息保留的与贸易有关的知识产权中的最后一个TD)。

如果你使用PeBug类似的工具,你就会发现,j Query Validation将把错误信息贴在你错误的集装箱中,并根据某一表格是否穿过其规则控制其可见度。

此外,你不必用超文本填写错误信息,你可以使用:

wrapper: "li"

Answer 4

I think you just need to add this to your validate method errorContainer: errorList errorLabelContainer: $("ol", container), wrapper: li ,

......

友情链接