Javascript onsubmit 导致页面刷新

Question

非常简单的形式

<form id="addDonor" name="addDonor" onsubmit="addDonor(); return false;" action="" method="post" enctype="multipart/form-data">
<div class="sectionHeader">Add New Donor</div>
<div class="formRow"><label>Name</label> <input class="inputText fullTextBar" type="text" name="userName">
<div class="formRow"><button style="margin-left:350px; width: 80px" type="button" class="publish">Add Donor</button></div>
</form>

和 addDonor 函数

<script type="text/javascript">

function addDonor(){    
    alert("test");
    return false;
}
</script>

最终该函数将包含一些 jquery ajax 来提交信息。但是，宝贝，步骤。现在我什至无法让警报出现。此外，当我按下键盘上的“Enter”键时，整个页面都会刷新，而当我按下“添加捐助者”时，没有任何反应。

我确定这一定是一个简单的问题。我认为这是我只需要别人的眼睛来指出的事情之一。

Answer 1

尝试在 javascript 中分配 onsubmit 事件:

document.getElementById("addDonor").onsubmit = function () {
    alert("test");
    return false;
}

问题是您的函数名为 addDonor 而您的元素是 addDonor。每个具有 id 的元素都有一个在 document 下创建的对象来标识它。在内联 onsubmit 中尝试 alert(addDonor) 以查看它提醒 HTML 元素，而不是函数。内联函数在文档内的作用域链中执行，因此 addDonor 在到达 window.addDonor(您的函数)之前指向 document.addDonor。