Question

我正在测试的表格是：

<form id="form" action="" method="post">
  <input type="text" name="firstname">
  <input type="text" name="lastname">
  <input type="submit" value="Submit" id="submit">
</form>
<div id="response"></div>

我用来处理表单的jQuery是：

$("#submit").click(function() {
  $.post("processform.php", $("#form").serialize(), function(response) {
    $("#response").html(response);
  });
  return false;
});

在Chrome，Firefox和IE中，一切正常。我能够将我的表单拍摄到PHP并让它返回我想要的内容。但是在Firefox中，点击提交似乎只是刷新页面，它根本不应该这样做。

Answer 1

任何人都删除了对我有用的答案。

更改

$("#submit").click(function() {
  ...
  return false;
});

到

$("#form").submit(function() {
  ...
  return false;
});

可以取消提交按钮。

Answer 2

好吧，实际上你只为click事件返回false而不是实际表单。要获得所需的行为，请尝试以下

$("#form").on('submit', function(e) {
  // this will help to prevent the default action - submit
  e.preventDefault();
  $.post("processform.php", $("#form").serialize(), function(response) {
    $("#response").html(response);
  });
});

Answer 3

将.click(...)替换为.submit(...)。

并将您的代码包装在

中

$(function(){

   ... YOUR CODE HERE

});

在firefox中使用jQuery的$ .post

3 个答案: