输入键触发错误的提交按钮

Question

我正在开发一个 mvc 应用程序。两个表都有各自的提交按钮。表 1 在输入键上有默认提交。如何根据文本框焦点更改提交按钮？

<table>
...<td align="left"><%= Html.TextBox("name")%></td>
...<input id="nameSubmit" name="NameSubmit" type="submit" value="Search"/>
</table>
<table>
...<td align="left"><%= Html.TextBox("idNum")%></td>
...<input id="idSubmit" name="IdSubmit" type="submit" value="Search"/>
</table>

我尝试使用面板，但“'Panel1' 的 DefaultButton 必须是 IButtonControl 类型控件的 ID”。

有什么想法吗？

Answer 1

如果您将每个提交包裹在 <form> 标记中，这应该有助于确定点击了哪个提交：

<table>
    <form id="form1">
        <td align="left"><input id="name" /></td>
        <input id="nameSubmit" name="NameSubmit" type="submit" value="Search"/>
    </form>       
</table>
<table>
    <form id="form2">
        <td align="left"><input id="number" /></td>
        <input id="idSubmit" name="IdSubmit" type="submit" value="Search"/>
    </form>
</table>

这将使文本框聚焦时按 Enter 键提交到相应的表单。

Here 是这个工作的演示，希望对你有所帮助。