確定表單確認方法

Question

因此，我最初想創建一個表單，生成一個成功提交表單數據的表單，表示感謝提交表單，但我讀到的僅僅是將用戶轉到感謝頁面是最安全的用戶得到通知的最保證方式是採用前面所述的經典方法。如果使用花哨的盒子證明有效的話，我會如何去做這件事？ javascript的調用去哪裏？表單在PHP或HTML文件中？由於該頁面只是移動設備和平板電腦，而且非常簡單，我認爲使用Lightbox（我正在尋找添加fancybox）而不是製作更多頁面是一個不錯的主意。

我在網絡上也很難找到資源，因爲我剛收到lightbox表格並以很多方式發送提交結果。我只是想要一個簡單的謝謝你或錯誤消息誠實。這就是說，如果這對於表單來說是一個很好的可行解決方案。

在此先感謝！

這是參考文獻的基本形式。

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