javascript - 脚本可以在 jsfiddle 上运行，但不能在网站上运行

Question

我在 jquery 中有以下验证脚本: http://jsfiddle.net/0ybrx00q/

$("form").submit(function (event) {
if ($.isNumeric($("input[name=commodity]").val()) === false) {
    $(".error_show").text("kosten müssen Zahl sein!").show();
    event.preventDefault();

} else if ($("input[name=plz]").val().length != 5) {
    $(".error_show").text("PLZ muss aus 5 Zeichen bestehen!").show();
    event.preventDefault();
} else if ($.isNumeric($("input[name=leistung]").val()) === false) {
    $(".error_show").text("Leistung muss Zahl sein!").show();
    event.preventDefault();
} else if ($("input[name=nb]").val() === "") {
    $(".error_show").text("Kein angebot!").show();
    event.preventDefault();
} else {
    $(".error_show").text("Validated...").show();
    return;
}
}); 

在我保存脚本的外部文件中，还有另一个函数可以工作。但是，我无法使用上面的脚本来验证我的表单，因为即使我将所有内容留空，您也可以按提交按钮。 event.preventDefault() 在那里不起作用，也没有“已验证...”消息(因此脚本被忽略)。

我遗漏了什么吗？我似乎找不到任何问题，因为它是完全相同的代码。

Answer 1

将其包装在 document.ready 处理程序中 - jsfiddle 会自动为您执行此操作...

$(function() {
    $("form").submit(function (event) {
        if ($.isNumeric($("input[name=commodity]").val()) === false) {
            $(".error_show").text("kosten müssen Zahl sein!").show();
            event.preventDefault();
        } else if ($("input[name=plz]").val().length != 5) {
            $(".error_show").text("PLZ muss aus 5 Zeichen bestehen!").show();
            event.preventDefault();
        } else if ($.isNumeric($("input[name=leistung]").val()) === false) {
            $(".error_show").text("Leistung muss Zahl sein!").show();
            event.preventDefault();
        } else if ($("input[name=nb]").val() === "") {
            $(".error_show").text("Kein angebot!").show();
            event.preventDefault();
        } else {
            $(".error_show").text("Validated...").show();
            return;
        }
    });
});