jQuery 验证 Debug模式在 Chrome 中不显示任何输出

Question

以下 fiddle 在 Debug模式下使用 jQuery 验证插件。当我按“提交”时，我在控制台窗口中没有收到任何调试信息。当 debug = true 时不是应该显示调试信息吗？

click to open the fiddle

JS代码

$("#paymentsform").validate({
    rules: {
        fullname: "required",
        email: {
            required: true,
            email: true
        },
        quantity1: {
            required: "#item1:filled",
            number: true
        },
        quantity2: {
            required: "#item2:filled",
            number: true
        },
        quantity3: {
            required: "#item3:filled",
            number: true
        },
        quantity4: {
            required: "#item4:filled",
            number: true
        },
        quantity5: {
            required: "#item5:filled",
            number: true
        },
        quantity6: {
            required: "#item6:filled",
            number: true
        },
        spam: {
            required: true,
            range: [4, 4]
        }

    },
    debug: true,
    messages: {

        quantity1: {

            required: jQuery.format("Required!"),
            number: jQuery.format("Number Required!")

        },
        quantity2: {

            required: jQuery.format("Required!"),
            number: jQuery.format("Number Required!")
        },
        quantity3: {

            required: jQuery.format("Required!"),
            number: jQuery.format("Number Required!")

        },
        quantity4: {

            required: jQuery.format("Required!"),
            number: jQuery.format("Number Required!")

        },
        quantity5: {

            required: jQuery.format("Required!"),
            number: jQuery.format("Number Required!")

        },
        quantity6: {

            required: jQuery.format("Required!"),
            number: jQuery.format("Number Required!")

        },
        spam: {

            range: jQuery.format("Wrong answer!")
        }
    }
});
$("#item1").click(function() {
    $("#quantity1").valid();
});
$("#item2").click(function() {
    $("#quantity2").valid();
});
$("#item3").click(function() {
    $("#quantity3").valid();
});
$("#item4").click(function() {
    $("#quantity4").valid();
});
$("#item5").click(function() {
    $("#quantity5").valid();
});
$("#item6").click(function() {
    $("#quantity6").valid();
});

Answer 1

引用OP:

"Isn't there supposed to be debug information presented when debug = true?"

是的，但我不确定当没有什么可调试的时候你期望它做什么。

As per documentation :

debug: Enables debug mode. If true, the form is not submitted and certain errors are displayed on the console (will check if a window.console property exists). Try to enable when a form is just submitted instead of validation stopping the submit.

换句话说，debug:true 将阻止提交，并且只会在您错误设置某些选项时告诉您。它尝试“调试”您的验证代码。当插件方法正常工作/构建时，它不会在控制台中显示任何内容。

<小时/>

编辑:这就是调试的工作原理...

I've set one of your fields to an invalid method I called fooBar :

fullname: "fooBar",

控制台日志:

exception occured when checking element fullname, check the 'fooBar' method > Error