使按钮的行为类似于表单中的提交按钮答案

【问题标题】：make a button behave like a submit button in a form使按钮的行为类似于表单中的提交按钮
【发布时间】：2017-04-17 09:00:46
【问题描述】：

我尝试制作一个确认弹出窗口，当用户单击表单按钮时会跳转。如果用户在弹出窗口中单击“确定”，则表单将提交。它必须是动态的，因为我在一页中有很多表单，并且所有表单都必须获得确认弹出窗口。

我用普通按钮替换了提交按钮，当用户点击按钮时确认跳转。

<input type='button' name='submitButton' onclick="openPopup(this);">

它的工作很棒，但是当用户输入文本并按下 eneter 时，它不会提交表单。

我能做什么？

【问题讨论】：

使用type='submit'

标签： javascript jquery html forms button

【解决方案1】：

使用以下 JS：

<input type='submit' name='submitButton' onclick="openPopup(this);">

【讨论】：

【解决方案2】：

如果您不能在表单中使用submit 按钮，您只需在表单inputs 中的keydown 事件中处理此问题，以检查是否按下了 Enter 键并动态点击你的按钮：

$("#formID").find('input[type=text]').on('keydown', function (e) {
    if (e.keyCode == 13) {
        $('[name="submitButton"]').click();
    }
});

注意：

我使用formID 作为您表单的id，您只需将其替换为您的表单id。

【讨论】：

【解决方案3】：

$(document).ready(function() {
       $('input').keypress(function(data) {
          if (data.keyCode == 13)
             data.target.form.submitButton.click();
      });
});

【讨论】：

【解决方案4】：

当您接受确认后触发此事件

 $('[name="submitButton"]').click();

【讨论】：

如果我使用提交它的提交表单。但我想在确认接受时发送他