フォーム確認方法（php、jquery、forms、lightbox、form-submit）の決定

だから私はもともとそのようなフォームを作りたかったのですフォームを送信していただきありがとうございますというフォームデータの送信が成功するとライトボックスが生成されましたが、ユーザーをお礼ページに移動するだけが、前述の従来の方法を使用するのが最も安全で確実な方法であると読みました。ファンシーボックスを使用することが効果的であることが証明された場合、これをどの程度正確に行うことができますか？ 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>

回答：

$("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;