2017-04-17 174 views
-1

我试图做一个确认弹出窗口,当用户点击一个窗体的按钮时跳转。 如果用户在弹出窗口中单击确定,表单即将提交。 它必须是动态的,因为我在一个页面中有很多表单,所有表单都必须获得确认弹出窗口。使一个按钮的行为像一个形式的提交按钮

我用正常的按钮替换了提交按钮,当用户点击按钮确认跳跃。

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

它的工作令人惊讶,但是当用户输入文字并按下时,其未提交表格。

我该怎么办?

+2

使用'type ='submit'' – guradio

回答

0

使用以下JS

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

当你接受再确认触发这个事件

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

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

+0

@Razdom,我编辑了我的答案 –

0

如果你不能使用你的形式submit按钮,你只需要处理这个在​​事件中以您的表格inputs检查是否输入键被按下并动态点击您的按钮:

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

注:

我以前formID作为表单的id你只需要你的表单id来取代它。

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