表单提交成功后调用/执行JQuery函数

Call/Execute JQuery function after successful form submission

本文关键字：执行 JQuery 函数 调用 成功 表单提交      更新时间：2023-09-26

我正在使用GetResponse web表单，成功提交表单后需要弹出一个fancybox窗口吗？

以下是GetResponse web表单的代码段

<form id="gold_ira_form" accept-charset="utf-8" action="https://app.getresponse.com/add_contact_webform.html?u=bPSV"
                            method="post">
//form code goes here....
<input type="submit" id="submit-btn" value="submit"></input>
</form>

这是我的JQuery代码：

   <script>
            $(function() {
                $('#gold_ira_form').submit(function() {
                    // will be replaced with fancy box code 
                    alert('Sent! show fancybox');
                });
            });
        </script>

成功提交表单后，上述代码不会执行警报。

在成功提交表单后，是否有其他选项可以执行jquery功能？

通常在提交表单时，它会自动刷新页面（或者重定向到"action"属性值页面）。为了解决这个问题，我建议尝试通过ajax提交表单：

$('#gold_ira_form').on('submit', function(e) {
    e.preventDefault();
    //Ajax code goes here, on ajax complete call fancybox
});

尝试以下代码

   <script>
        $('document').ready(function() {
            $('#gold_ira_form').submit(function() {
                alert('Sent! show fancybox');
                return false;
            });
        });
    </script>
相关文章：