时间戳

首页 > 解决方案 > 如果表单成功，则使用 javascript 显示 div

javascript - 如果表单成功，则使用 javascript 显示 div

问题描述

我有一个通过 javascript 提交时消失的表单。现在我想显示一个 div，就像一条感谢消息，当表单消失而不是它时显示。我已经尝试过这样做，但我仍在学习并且无法弄清楚。我试图包含一个“$('#thanks').show();” 在隐藏命令之后，但这没有用。我还想知道我需要将最初隐藏的 div 放在哪里。任何帮助表示赞赏。:)

这是我的脚本：

<script>

  $(function () {
    $('#contact').on('submit', function (e) {
        var self = this; 
        e.preventDefault();
        $.ajax({
            url: $(this).attr('action'), 
            method: $(this).attr('method'),
            data: $(this).serialize(),
            success: function () {
                 $(self).hide(); successful 
            },
            error: function () { alert('Failed to send email'); }
        });

    });
 });
</script>

标签： javascriptjquery

解决方案

首先打开你的控制台（devtools）并检查是否：

$('#thanks').show();

确实显示了div。

还要检查您的#thanks 元素是否不在您的#contact 元素中。添加

$('#thanks').show();

在成功的方法应该只是工作。

推荐阅读