1

非常に基本的なお問い合わせフォームを作成したいと思います。HTML、Javascript、およびPHPは、私がその言語についてほとんど知らない知識を使用して記述されていますが、明らかに機能しません。何が欠けていますか？

HTML：

    <form>
    <fieldset>
        <fieldset>
            <input name="name" value="John Doe" size="30" /><br />
            <input name="email" value="john@doe.com" size="40" /><br />
        </fieldset>
        <fieldset>
            <input type="text" name="subject" value="Subject" size="60" /><br />
            <textarea name="message" rows="15" cols="100"></textarea><br /><br />
            <input type="submit" value="Submit" />
            <input type="button" value="Cancel" />
        </fieldset>
    </fieldset>
</form>

Javascript：

$('form').submit( function() {

    $.ajax({
        type: "POST",
        url: "bin/process.php",
        data: $(this).serialize(),
        success: function() {
            // Update page with success message
        }
    });
    return false;
});

PHP：

<?php 

$recipient = "me@email.com"; //recipient 

$Name = ($_POST['name']); //senders name 
$email = ($_POST['email']); //senders e-mail adress 
$mail_body = ($_POST['message']); //mail body 
$subject = ($_POST['subject']); //subject 

$header = "From: ". $Name . " <" . $email . ">\r\n"; //optional headerfields 

mail($recipient, $subject, $mail_body, $header); //mail command :) 
?>
4

1 に答える 1

0

編集された質問/コメントの更新：
コードがdocument.readyハンドラーで実行されていることを確認しますか？次のようになります。

$(function() {
  $('form').submit( function() {
    $.ajax({
        type: "POST",
        url: "bin/process.php",
        data: $(this).serialize(),
        success: function() {
            // Update page with success message
        }
    });
    return false;
  });
});

あなたのコメントから、あなたの.submit()ハンドラーはまったく装備されておらず、デフォルトのGETブラウザーの振る舞いをしているようです。

于 2010-07-31T19:10:34.757 に答える