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 に答える