Javascript 表单确认消息ajax/jquery

我可能很累，但我不能做我想做的事

在用户点击提交按钮（然后发送到我的电子邮件）后，我想要一条确认文本，上面写着“感谢您填写此表单”。这是一个只有一页的网站。

---

我知道我必须使用一点jQuery、一点ajax（为了不重新加载页面？）和我的php脚本来创建表单；将表单中填写的值发送到我的电子邮件。（您可以在提交按钮上使用非常简单的javascript确认框

<p><input value="RESERVEZ" class="submit" id="submitReserv" name="submitReserv" type="submit" onClick="if(!confirm('Thanks for sumbitting this form')){ return false; }">
             </p>

---

希望这对您有用。

如果您所要做的只是在提交返回成功时提供消息，那么您已经有了答案。您可以在$.ajax（）调用的成功回调中执行所有操作。下面是一个简化版的js，它可以执行您想要的操作

  $.ajax({
    type: "POST",
    url: //your url here,
    data: fields,
    dataType: 'json',
    success: function(response) {

        $('#reserv-form').parent().append("<div>Thanks for submitting this form</div>")
    }
  });

$.ajax({
类型：“POST”，
url://您的url在此，
数据：字段，
数据类型：“json”，
成功：功能（响应）{
$（“#保留表单”）.parent（）.append（“感谢您提交此表单”）
}
});

你能发布一下你目前拥有的javascript吗？实际上，这个表单没有任何内容….（否则会有一堆js文件，比如fancybox、同位素等等）。问题是，我现在有了另一个表格，我想做的事情可以用。我编辑了我的原始帖子。谢谢，它可以用，但我想在下面的div中显示一个文本。因此，一旦完成并单击，文本会显示并说“谢谢blablabla”理想情况下，在表单下方添加确认框不是一个好的做法。使用确认消息的意义是让用户完全关注该确认消息，因为系统在收到用户是否确认的反馈之前不会继续运行。但如果您需要创建一些javascript函数并在下面隐藏和显示div你的表单。如果我想把这段代码放在另一个.js文件中，那么我应该先在顶部写些什么呢？谢谢……对不起，初学者：（$（document）.ready（function（）{//your code here}）你也应该像对待#contract submit一样，用某种绑定函数包装ajax，我应该在“url://your url here”中写些什么呢“index.php”？（thx非常感谢您的帮助）老实说，我不能说，它应该是处理您的post请求的url。因为您使用的是php，它很可能是处理post请求的任何页面。

BRUSHED.contactForm = function(){
$("#contact-submit").on('click',function() {
    $contact_form = $('#contact-form');

    var fields = $contact_form.serialize();

    $.ajax({
        type: "POST",
        url: "_include/php/contact.php",
        data: fields,
        dataType: 'json',
        success: function(response) {

            if(response.status){
                $('#contact-form input').val('');
                $('#contact-form textarea').val('');
            }

            $('#response').empty().html(response.html);
        }
    });
    return false;
});

<p><input value="RESERVEZ" class="submit" id="submitReserv" name="submitReserv" type="submit" onClick="if(!confirm('Thanks for sumbitting this form')){ return false; }">
             </p>

  $.ajax({
    type: "POST",
    url: //your url here,
    data: fields,
    dataType: 'json',
    success: function(response) {

        $('#reserv-form').parent().append("<div>Thanks for submitting this form</div>")
    }
  });