在Chrome中提交表单的Jquery onClick-event

时间:2014-10-09 13:41:37

标签: javascript jquery onclick form-submit

我有一个js-code:

$(document).on('click', '#form #submitForm', function(e){
    $('#form').submit();
    return false;
});


$(document).on('submit', '#form', function(e){
    // ajax request on submit form

    return false;
});

其中#form是表单的ID,#submitForm是此表单中提交按钮的ID。

我使用.on()因为我的表单是由提交时的ajax请求动态生成的。

某些使用Google Chrome浏览器对Win7投诉的人并不工作,只需按#submitForm重定向到"表单操作" -url就会发生。

我在Win7上使用谷歌浏览器,并且它运行良好。

我想错过或做错了吗?

2 个答案:

答案 0 :(得分:0)

提交表单时,会重定向到网址操作。如果您不想重定向,则必须创建一个“提交”表单的ajax

答案 1 :(得分:0)

您需要的是在按下提交按钮时停止表单的默认行为。

将您的代码更改为:

$(document).on('submit', '#form', function(e){
  // ajax request on submit form
  e.preventDefault();
  e.stopPropogation();
  return false;
});