php - 处理表单操作以使用 facebox 打开它

Question

我正在使用 facebox 来显示联系表单，但是当用户选择提交时，我希望在本例中调用 action="contact_send.php"的操作也可以在 facebox 中打开。目前，通过将 rel 属性声明为 facebox 可以很容易地打开到 facebox 的链接例如

<a href="contact.html" rel="facebox">Contact</a>

这会在 facebox 窗口中打开 contact.html，但是我希望此表单的操作也能在 lightbox 中打开，有人有任何可能有用的建议吗？

提前致谢-阿舒托什

Answer 1

您的 HTML 表单

<form id="contactfrm" method="post" onsubmit="return false;">
 ....your form elements
 <input type="submit" onclick="submitContact();" />
</form>

编辑:

您的脚本

现在使用jquery提交表单

<script type="text/javascript">
function submitContact() {

    $.facebox(function() {

        $.ajax({
            data: { 'name' : $('#name').val(), 'message' : $('#message').val() },  //Make sure to change these values that reflects yours.
            error: function() {
                $.facebox('There was error sending your message.');
            },
            success: function(data) {
                $.facebox(data); // the data returned by contact_send.php
            },
            type: 'post',
            url: 'contact_send.php'
        });

    });

}
</script>

当您单击页面上的提交按钮时，此代码会打开 facebox 并处理您发送到 contact_send.php 页面的变量，并将该页面的输出返回到 facebox。