javascript - 两个提交按钮问题 --

Question

我在一个表单中有两个提交按钮，并且两个提交都链接到一个文本框。 有没有办法在按下回车键(在键盘上)时选择特定的“提交”按钮。

我的 html:

<form id="myForm" method="post">
id: 
<input type="text" name="id" id="id"/>
<div id="hidden" style="display: none;">
<label>Age:</label>
<input type="text" name="Age"/><br/>
<input type="submit" id="button2" value="Update"/>
</div> 
<input type="submit" id="button1" value ="Get Info" onclick="document.getElementById('hidden').style.display = ''; this.style.display = 'none'"/> 

代码的小解释: 最初，除了一个提交(“获取信息”)和 id 字段外，所有部分都将被隐藏。 用户输入 id 并单击提交(“获取信息”)后，所有其他字段将出现，之前的提交(“获取信息”)将被隐藏。

Answer 1

如果不使用实现这一点所需的 JavaScript，表单使用的提交按钮是 defined in the spec .

本质上，表单将使用它包含的第一个启用的提交按钮 implicit submission .

实际上，听起来您想要做的是向表单添加一个 onsubmit 处理程序并阻止默认操作(这样您就可以显示表单的其余部分)。在事件处理程序中，您只需从表单中删除事件处理程序，以便后续提交表单的调用能够正确发送。