Как можно более простой: jQuery Contact Form - PullRequest
Новая
       1

Как можно более простой: jQuery Contact Form

1 голос
/ 31 июля 2010

Я хотел бы создать очень простую контактную форму. У меня есть 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 :) 
?>

1 Ответ

0 голосов
/ 31 июля 2010

Обновление для отредактированного вопроса / комментариев:
Вы уверены, что ваш код выполняется в обработчике 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 по умолчанию.

...