给定这样的 MVC 视图:
<form id="Form1">
<label for="LastName">
@Html.DisplayNameFor(m => m.LastName)
</label>
@Html.EditorFor(m => m.LastName)
<button id="SubmitOne" onclick="SubmitOne_Click()">SubmitOne</button>
</form>
<form id="Form2">
<label for="LastName2">
@Html.DisplayNameFor(m => m.LastName2)
</label>
@Html.EditorFor(m => m.LastName2)
<button id="SubmitTwo" onclick="SubmitTwo_Click()">SubmitTwo</button>
</form>
The javascript functions are irrelevant, this problem also occurs when they are empty or just have an alert.
单击 SubmitOne 时,一切都按预期工作。但是,当单击 SubmitTwo 时,整个页面都会刷新,这是不应该发生的。如果我注释掉 Form1,那么 Form2 可以正常工作。
这里发生了什么?
更新:这是javascript:
function SubmitOne_Click() {
alert("One");
}
function SubmitTwo_Click() {
alert("Two");
}
作为故障排除步骤,我将视图剥离为除了表单之外什么都没有,而脚本也什么都没有。我确实在 _Layout 中有对 Bootstrap、jqGrid 和 jQuery 的引用,但目前在此视图中没有使用它们。