1

以下のビジュアルに表示されているこのお問い合わせフォームを作成する際に大きな問題が発生しています。連絡先フォームで実行したいのは、提供されたリンクでこれを実際に確認できるスタイルがない contact.php ファイルにリダイレクトするのではなく、送信時にお礼のメッセージまたは確認のメッセージを表示することです。

私が試したJquery Ajaxでこれを行うことができるという情報がいくつか見つかりましたが、それを送信してポップアップにメッセージを表示することはできません。

これを行うためのより簡単な方法を知っている人はいますか、それとも正しい方向に私を向けているのでしょうか。

助けてくれてありがとう

ビジュアル: http://madaxedesign.co.uk/dev/index.html

PHP & HTML:

<?php
        $your_email = "maxlynn@madaxedesign.co.uk";
        $subject = "Email From Madaxe";
        $empty_fields_message = "<p>Please go back and complete all the fields in the form.</p>";
        $thankyou_message = "<p>Thank you. Your message has been sent. We Will reply as soon as possible.</p>";

        $name = stripslashes($_POST['txtName']);
        $email = stripslashes($_POST['txtEmail']);
        $message = stripslashes($_POST['txtMessage']);

        if (!isset($_POST['txtName'])) {

        ?>
        <form id="submit_message" class="hide_900" method="post" action="/contact.php" onsubmit="javascript: doSubmit();">
            <div id="NameEmail"> 
                <div>
                    <label for="txtName">Name*</label> 
                    <input type="text" title="Enter your name" name="txtName" />
                </div> 
                <div>
                    <label for="txtEmail">Email*</label> 
                    <input  type="text" title="Enter your email address" name="txtEmail" />
                </div> 
            </div>
            <div id="MessageSubmit">
                <div> 
                    <textarea maxlength="1200" title="Enter your message" name="txtMessage"></textarea> 
                    <label for="txtMessage">Message</label>
                </div>
                <div class="submit"> 
                    <input type="submit" value="Submit" /></label>
                </div>
            </div> 
        </form>

Jクエリ:

function doSubmit(){
  var postData = jQuery('#submit_message').serialize();    

  jQuery.ajax({
    url: '/contact.php',
    data: postData
  }).done(function( html ) {
    alert(html);
  });
4

4 に答える 4

0

これを試して

フォームを変更する

<form id="submit_message" class="hide_900" method="post">

そしてスクリプトにそれを置く

$("#submit_message").submit(function(e){
    e.preventDefault();
    //call your ajax
});
于 2013-04-25T11:22:31.377 に答える