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

Question

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

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

这将在 facebox 窗口中打开contact.html，但是我希望此表单的操作也可以在灯箱中打开，有没有人有任何可能有帮助的建议？

在此先感谢-Ashutosh

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。