我正在使用GetResponse网络表单,我需要在成功提交表单后弹出一个fancybox窗口?
以下是GetResponse网络表单的代码段
<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函数?
答案 0 :(得分:1)
通常,当您提交表单时,它会自动刷新页面(或者它将重定向到&#34; action&#34;属性值页面)。为了解决这个问题,我建议您尝试通过ajax提交表单:
$('#gold_ira_form').on('submit', function(e) {
e.preventDefault();
//Ajax code goes here, on ajax complete call fancybox
});
答案 1 :(得分:0)
尝试以下代码
<script>
$('document').ready(function() {
$('#gold_ira_form').submit(function() {
alert('Sent! show fancybox');
return false;
});
});
</script>