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

Here是这个工作的演示，我希望它可以帮助你。

输入键触发错误提交按钮

1 个答案: