Javascript表单提交电子邮件操作?

时间:2013-08-11 12:42:39

标签: php javascript html

我需要在此表单中向我发送一封电子邮件,如联系表单:

脚本代码:

<script type="text/javascript">
        $(document).ready(function(){

            $("#contactLink").click(function(){
                if ($("#contactForm").is(":hidden")){
                    $("#contactForm").slideDown("slow");
                }
                else{
                    $("#contactForm").slideUp("slow");
                }
            });

        });

        function closeForm(){
            $("#messageSent").show("slow");
            setTimeout('$("#messageSent").hide();$("#contactForm").slideUp("slow")', 2000);
       }
       </script>

HTML CODE:

   <div class="box">
        <div id="contactFormContainer">
            <div id="contactForm">
                <fieldset>
                    <label for="Name">Nome: </label>
                    <input id="name" type="text" />
                    <label for="Telefone">Telefone Fixo: </label>
                    <input type="text" id="phone" maxlength="15" onkeypress="Mascara(this);" />
                    <label for="Message">Assunto:</label>
                    <textarea id="Message" rows="3" cols="20"></textarea>
                    <input id="sendMail" type="submit" name="submit" onclick="closeForm()" />           
                    <span id="messageSent">Sua solicitação foi enviada com sucesso, por favor, aguarde...</span>
               </fieldset>
            </div>
            <div id="contactLink"></div>
        </div>

点击并关闭表单时,我需要发送一封包含表格内容的电子邮件,该怎么办? 有些想法?谢谢!

2 个答案:

答案 0 :(得分:1)

首先,我无法在代码中看到表单标记。根据我的说法你做错了,我相信我们堆叠的许多朋友也会同意。

您的问题表明您基本上希望收到一封电子邮件,其中包含通过表单提交的数据。为什么不尝试以下方法。

<强> HTML

<form action="mail.php" method="POST">

 <input type="text" name="fname"></input>

 <input type="text" name="lname"></input>

 <button>SUBMIT</button>

</form>

<强> PHP

<?php
$firstname = $_POST['fname'];
$lastname = $_POST['lname'];

$to = "someone@example.com";
$subject = "Hello World";
$message = "Firstname: $firstname \n\n Lastname: $lastname";
$from = "sender@example.com";
$headers = "From:" . $from;
mail($to,$subject,$message,$headers);
echo "Mail Sent.";
?>

以上示例是发送电子邮件最简单的方法。您可以通过添加更多标题信息并以图形方式格式化电子邮件来推进。

如果您感到困惑,请阅读这些教程。

http://www.w3schools.com/php/php_mail.asp

http://www.phpeasystep.com/phptu/8.html

既然你提到你想通过javascript执行任务,你可以尝试通过ajax提交表单,参考下面的教程

http://teachingyou.net/php/simple-php-contact-form-using-ajax/

http://www.sitepoint.com/forums/showthread.php?1055068-Send-PHP-email-using-jQuery-AJAX

答案 1 :(得分:0)

既然你已经标记了问题php,请看看php的邮件功能。 http://php.net/manual/en/function.mail.php

$to = 'you@domain.com';
$subject = 'Contact Form';
$message = '...' //concatenate the $_POST (or $_GET) variables to create this message

mail($to, $subject, wordwrap($message, 70, "\r\n");

此功能要求您的服务器配置正确以发送邮件 - 请参阅php文档以了解要求:http://www.php.net/manual/en/mail.requirements.php