0

外部のsubmit.phpページをロードする代わりに、「送信されたメッセージ」intを同じツールチップdivにロードしたい単純な連絡先フォームを含むツールチップがあります。

<div id="contactform" >        
            <form method="post" action="submit.php">
            <label for="Name">name</label><br />
            <input type="text" name="Name" id="name" /><br />

            <label for="Email">email</label><br />
            <input type="text" name="Email" id="email" /><br />

            <input type="submit" name="submit" value="send" class="submit" id="submit"/>
            </form>
    </div>
4

3 に答える 3

0

私があなたを正しく理解していれば、おそらくAJAXリクエストが必要です。送信ボタンのデフォルト アクションを防止し、Ajax リクエストを送信し、成功したら成功メッセージ (「メッセージが送信されました」) をフォーム div に挿入します。

于 2012-08-12T12:44:41.910 に答える
0

これは次の 2 つの方法で行うことができます。

1) このようにフォームを使用します<form method="post" action="">。次に、phpで送信アクションをキャッチする必要があるため、

if($_POST['submit'] == 'send') then write my html code into tooltip div
else show contact form

このメソッドは、ユーザーが送信ボタンをクリックしたときにページをリロードする必要があるため、2 番目の方法を使用することをお勧めします。

2) AJAX を使用してお問い合わせフォームを送信します。送信時に JavaScript コードを実行できます。

于 2012-08-12T12:48:37.257 に答える
0

これをあなたに追加してくださいheader：

<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

jQuery

$(document).ready(function()
{
    $('#contactform form').submit(function()
    {
        var dataString=$(this).serialize();

        $.post('/ajax/submit.php', dataString, function(txt)
        {
            $('#contactform').html(txt);
        });

        return false;
    });
});

jQuery.post()

PHP (/ajax/submit.php)

<?php

if($_POST['submit'] == 'send')
{
    /* your PHP code */

    echo 'Your message was sent.';
}

?>
于 2012-08-12T12:58:35.163 に答える