0

所以我最初想创建一个表单，在成功提交表单数据时生成一个灯箱，表示感谢提交表单，但我读到只是将用户带到感谢页面是用户最安全和最可靠的方式通知是使用前面所述的经典方法。如果使用花哨的盒子证明是有效的，我将如何去做呢？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>
4

1 回答 1

0 
$('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;
于 2013-04-29T19:59:06.800 回答