Question

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

我也无法在网上查找资源，因为我只是获取灯箱表格并以很多方式发回提交结果。我只是想要一个简单的感谢您或错误消息。也就是说，如果这对形式来说是一个很好的可行解决方案。

提前致谢！

以下是参考的基本表格。

<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>

Answer 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;

确定表单确认方法

1 个答案: