Использование contenteditable в форме электронной почты с использованием jQuery / Javascript - PullRequest
Новая
       1

Использование contenteditable в форме электронной почты с использованием jQuery / Javascript

0 голосов
/ 10 января 2012

Я взял несколько сценариев из других источников в стеке, чтобы создать контактную форму, которая отправляет мне электронное письмо при отправке пользователем.

HTML: 

<form onsubmit="return getContent()">
    <fieldset>
        <input name="name" value="NAME" style="max-width:15%" type="text"/>
        <input name="email" value="EMAIL" style="max-width: 30%" type="text"/>
        <div id="message" contenteditable="true" name="message" value="expanding textarea">HELLO</div>
        <textarea id="my-textarea" value="MESSAGE" style="display:none"></textarea>
        <input type="submit" style="margin-right:0" value="Submit" />
    </fieldset>
</form>

СЦЕНАРИЙ: 

    function getContent(){
        document.getElementById("my-textarea").value = document.getElementById("message").innerHTML;
    }

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

PHP: 

<?php 

$recipient = "my.email@whatever.com"; //recipient 

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

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

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

Сценарий ДОЛЖЕН получить содержимое, введенное в contenteditable div, и передать его скрытой текстовой области, а затем отправить на мой электронный адрес. Однако в настоящее время он только проходит через поля "name" и "email" и оставляет текст письма пустым.

Что я здесь пропустил?

РЕДАКТИРОВАТЬ: В приведенном выше коде скрыта небольшая ошибка, значение = "СООБЩЕНИЕ", а не "ПРЕДМЕТ". Тем не менее, код не работает.

1 Ответ

1 голос
/ 10 января 2012

Contenteditable контент не передается через форму при отправке.Но, похоже, вы используете JS, чтобы получить содержимое редактируемого содержимого div и поместить его в текстовое поле с именем «subject».

Следовательно, оно будет доступно через $_POST['subject']только.

Кроме того, вы делаете onsubmit = "" в html и on on в JS-файле.Я не думаю, что оба будут работать, вам лучше объединить их (т.е. просто использовать файл JS).

Это также не будет работать без включенного JS, который я бы сказал, большепроблема.

...