Question

当您按Enter键时如何使用jQuery提交表单，但是通过单击第二个提交按钮发送表单。所以首先提交被忽略。

{{1}}

Answer 1

您可以按下回车键，而不是执行第一个提交按钮操作的默认操作，强制它执行第二个。

在文本输入中处理按键操作：

<input type="text" name="inp" onkeypress="return runScript(event)"/>

然后定义你的函数runScript：

func runScript(e) {
    if(e.keyCode == 13) {
        //Submit action goes here
        document.getElementsByName("second")[0].click()
    }
}

Answer 2

我的理解是，您希望点击任一按钮上的以提交表单，但是点击输入以使用第二个按钮提交。

以下是几个选项：

1）更改按钮的显示方式

您可以将第一个按钮移动到标记中的第二个按钮，但可以通过不同的方式更改它的显示方式。请注意，如果执行此操作，还应更新tabIndex。

＆＃13;

.firstButton {
  position: absolute;
  width: 80px;
}

.secondButton {
  position: absolute;
  left: 90px;
  width: 80px;
}

＆＃13;

<form name="theForm" method="post" action="">
  <input type="text" tabIndex='1' name="inp">
  <div>
    <input type="submit" tabIndex='2' class='secondButton' name="second" value="second">
    <input type="submit" tabIndex='1' class='firstButton' name="first" value="first">     
  </div>
</form>

＆＃13;

2）更改第一个按钮不是提交按钮并手动处理单击

＆＃13;

function submitForm() {
  document.theForm.submit();
}

＆＃13;

<form name="theForm" method="post" action="">
  <input type="text" name="inp">
  <input type="button" name="first" value="first" onclick="submitForm()">
  <input type="submit" name="second" value="second">
</form>

＆＃13;

希望有所帮助。

使用多个提交按钮提交表单

2 个答案: