Question

我有一个简单的表单，可以将名称和电子邮件发送到我的数据库。 jQuery正在侦听表单，并在验证通过后将数据发送到form.php。

当我在firefox开发工具中设置断点时，将使用正确的数据调用form.php。否则，我认为正在发生的事情是form.php被调用，而jquery设法通过任何数据发送了（这可以理解为只有当我设置一个断点时才可以读取代码的第一部分）。我认为How do I return the response from an asynchronous call?这类事情正在发生，我已经读过，但不知道如何在我的代码中实现这些解决方案。

$(document).ready(function() {

$("#submit").on("click",function() {
var name = $("#Name").val();
var email = $("#Email").val();

if (name == '' || email == '') {
  alert("Please Fill Required Fields");
} else {
  $.post("form.php", {
    name1: name,
    email1: email
  }, function(data) {
    $("#returnmessage").append(data);
    if (data == "Thanks a lot!") {
      $("#form")[0].reset();
    }
  });
}
});
});

Answer 1

尝试如下在代码中添加 event.preventDefault（）; ：

$(document).ready(function(event) {

  $("#submit").on("click",function() {

    event.preventDefault();

    var name = $("#Name").val();
    var email = $("#Email").val();

    ...

Answer 2

我必须在每个函数中传递事件，做到了。

$（document）.ready（function（event）{

$（“＃submit”）。on（“ click”，function（event）{

event.preventDefault();

var name = $("#Name").val();
var email = $("#Email").val();

jQuery仅在我在任何行上设置断点时运行，否则不会运行

2 个答案: