提交时不离开页面

Question

我的表格

<form id="reservationForm" action="sendmail.php" method="post">
...
.
.
.
.
<input type="image" src="images/res-button.png" alt="Submit" class="submit" width="251" height="51px">

我的javascript

$("#reservationForm").submit(function () {     

        e.preventDefault();
        var $form = $(this);

     $.ajax({
            type: 'POST',
            url: 'sendmail.php',
            data: $('#form').serialize(),
            success: function(response) {
                alert("Success");
                $('#reservationForm').fadeOut("slow");
            }
});
     return false;
});

我不想运行任何验证，因为我在所有类型中都有用户'required'。我只想在保持同一联系表格的同时将数据发送到我的php。但这只加载我的php文件并发送电子邮件。看起来它不会运行我的JavaScript。请帮忙

Answer 1

您还没有在回调中定义事件参数。按如下方式更改此行，它应该有效：

$("#reservationForm").submit(function (e) {   
...

编辑：BTW：不推荐使用jQuery short hand的.submit事件处理程序。你应该using .on('submit', ...代替。