javascript - jsfiddle 中的 onsubmit 不起作用

Question

我正在尝试使用 onsubmit 调用 javascript 中的函数，但它不起作用。我尝试过寻找类似的问题，但没有任何效果。我还尝试了使用提交按钮的 onclick ，但这似乎也不起作用。

<form method="POST" onsubmit="return add();" name='contact'>

我希望它能与纯 JS 一起使用，而不是 jquery。

这是fiddle .

Answer 1

默认情况下，fiddler 将脚本添加到 onload 处理程序中，如下所示，因此脚本中创建的所有函数/变量都将位于 onload 处理程序的范围内。当您使用内联事件处理程序时，脚本将在全局范围内查找无法找到该方法的方法

window.onload = function(){
    //our script here
}

因此，在左侧面板的“框架和扩展”下的第二个选择框中，选择 No Wrap - In body或No Wrap - In Head