确定表单确认方法答案

【问题标题】：Deciding between form confirmation methods确定表单确认方法
【发布时间】：2013-04-29 19:46:09
【问题描述】：

所以我最初想创建一个表单，在成功提交表单数据时生成一个灯箱，表示感谢提交表单，但我读到仅将用户带到感谢页面是最安全和最可靠的方式要通知的用户使用前面所述的经典方法。如果使用花哨的盒子证明是有效的，我将如何去做呢？ javascript的调用会去哪里？在 PHP 或 HTML 文件中，表单位于？由于该页面仅适用于移动设备和平板电脑，而且非常简单，我认为使用灯箱（我正在考虑添加fancybox）而不是制作更多页面是个好主意。

我也很难在网上找到资源，因为我只是获取灯箱表单并将提交结果以批量框的形式发回。老实说，我只想要一个简单的谢谢或错误消息。也就是说，这对于表单来说是一个很好的可行解决方案。

提前致谢！

这是 ref 的基本形式。

<form id="fusion_form" name="fusion_form" method="post" action="fusion_form.php" target="_blank">
                        <p><input name="first_name" type="text" id="first_name" style="width:140px" value="" placeholder="First Name" /></p>
                        <p><input name="last_name" type="text" id="last_name" style="width:140px"  value="" placeholder="Last Name" /></p>
                        <p><input name="email" type="text" id="email" style="width:140px"  value="" placeholder="Email Address" /></p>
                        <p><textarea name="comments" cols="20" rows="3" id="comments" class="FormText" style="width:200px; padding-left:2px" placeholder="Comments"></textarea></p>
                        <p><input type="image" src="images/submit-button.jpg" id="send_email" value="Submit Form" onclick="return verify_form();" /></p>
</form>

【问题讨论】：

标签： php jquery forms lightbox form-submit

【解决方案1】：

$('form').on('submit', function(e){
    e.preventDefault(); // stop the form submission
    var $d = $(this).serialize(); //serialize form to be submit to server
    $.ajax({
        url: $(this).prop('action'),
        type: $(this).prop('method'),
        data: {formData : $d},
        success: function(data){
            if(false != data){
               //form submission did NOT return false
               //build lightbox, extrapolate what is needed from `data` variable
            }
        }
    });
});

php.

if(isset($_POST['formData'])):
    $formData = $_POST['formData]';
    //do whatever with the form
    if(someCondition):
       return '<h4> Thank you for submitting the form!</h4>';
    else:
       return false;
    endif;
endif;

【讨论】：