javascript - 什么会导致 onSubmit ="return checkTheForm()"不被执行？

Question

我知道我知道；有a lot of posts在互联网上关于此事。我知道我需要使用<form action="index.html" onSubmit="return checkTheForm()">但我就是不明白为什么我写的代码似乎不起作用。

在我的 HTML 中，我有以下内容:

<form method="post" action="/index" onsubmit="return validateBuyForm();">
    <input id="agreeToTerms" name="agreeToTerms" type="checkbox" /> I agree<br />
    <input value="Buy that stuff!!" id="pay" type="submit" />
</form>

在我的js中我有这个:

function validateBuyForm() {
    alert('we are validating!!');
    return false;
}

JSFiddle在这里:http://jsfiddle.net/zx2rx/

我的问题是我从未看到警报，即使我认为我正在遵循互联网上的所有教程。有人知道我在这里做错了什么吗？

欢迎提供所有建议!

Answer 1

这个问题只是一个 JsFiddle 问题。 JsFiddle 中声明的函数会自动包装在自己的作用域中，因此它们不是全局的，因此对于 onsubmit 属性中声明的代码不可见。如果您强制该函数为全局函数，它将起作用:

window.validateBuyForm = function() {
    alert('we are validating!!');
    return false;
}

Update fiddle