jQuery 验证调试模式未在 Chrome 中显示任何输出

Question

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

点击打开小提琴

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

报价:

“当 debug = true 时，不是应该显示调试信息吗？”

是的，但我不确定当没有任何东西可以调试时你期望它做什么。

根据文档：

debug：启用调试模式。如果为 true，则不会提交表单并在控制台上显示某些错误（将检查 window.console 属性是否存在）。尝试在表单刚刚提交时启用，而不是验证停止提交。

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

编辑：这是如何debug工作的......

我已将您的一个字段设置为我调用的无效方法fooBar：

fullname: "fooBar",

控制台日志：

检查元素全名时发生异常，检查“fooBar”方法>错误