脚本适用于的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（）在那里不起作用，并且也没有“Validated ...”消息（所以脚本被忽略）。

有什么我失踪？我似乎无法找到任何问题，因为它是完全相同的代码。

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; 
     } 
    }); 
});