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

时间:2017-04-17 09:00:47

标签: javascript jquery html forms button

当用户点击表单按钮时,我尝试制作一个确认弹出窗口。 如果用户在弹出窗口中单击确定,则表单即将提交。 它必须是动态的,因为我在一个页面中有很多表单,所有表单必须得到确认弹出窗口。

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

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

它的工作令人惊叹但是当用户输入文本输入并按下它时不提交表单。

我该怎么办?

4 个答案:

答案 0 :(得分:0)

使用以下 JS

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

答案 1 :(得分:0)

当您接受确认时,请触发此事件

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

答案 2 :(得分:0)

如果您无法在表单中使用submit按钮,则只需在表单keydown的{​​{1}}事件中处理此问题,以检查是否输入键并动态单击您的按钮:

inputs

注意:

我使用$("#formID").find('input[type=text]').on('keydown', function (e) { if (e.keyCode == 13) { $('[name="submitButton"]').click(); } }); 作为您表单的formID,只需将其替换为您的表单id

答案 3 :(得分:0)

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