输入键触发错误提交按钮

Question

我正在开发一个mvc应用程序.两个表各有一个单独的提交按钮.Table1在输入密钥上有默认提交.如何根据文本框焦点更改提交按钮？

<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按下提交到相应的表单.

这是一个这个工作的演示,我希望它可以帮助你.