发送邮件表格不发送邮件

时间:2011-05-11 18:45:44

标签: javascript jquery email

我有一个表单,当用户单击链接然后将电子邮件发送到他们选择的地址时弹出。表单看起来很棒,但电子邮件没有发送......

<a href='#emailpopup' id='sendMessage'><img src="images/email.jpg"></a>

    <div id="tellfriend" class="contact_form">
      <a class="close" href="#close" >Close</a>
      <form id='tellafriend_form' method="post" action="http://naturesfootprintinc.com/sendmail.php">

        <label for="name">Your Name: </label>
        <input class="std_input" type="text" id="name" name="name" size="40" maxlength="35" value="" />

        <label for="to">Friend's email: </label>
        <input class="std_input" type="text" id="to" name="to" size="40" maxlength="35" />

        <label for="subject">Subject: </label>
        <input class="std_input" type="text" id="subject" name="subject" size="40" value="Check this out!!" />

        <label for="message">Message: </label>
        <textarea id="message" name="message" readonly="readonly" rows="18" cols="40">Custom message</textarea>

        <input type="submit" name="submit" class="form_but" value="Submit"/>
      </form> 
    </div><!-- #tellfriend -->

使用的脚本:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js" type="text/javascript"></script> 
<script> 
$(function() {
    $('#tellfriend').hide();
    $('#sendMessage').click(function(e) {
        $("#tellfriend").fadeToggle('fast');
    });

});
</script>

Sendmail.php:

<body>
  <div id="thankyou">
    <h1><strong>Thanks for sharing!</strong></h1>
    <p><a href="http://homepage.com">Back to homepage</a></p>
  </div>
</body>
是的,我是新手。感谢您的帮助和耐心。

1 个答案:

答案 0 :(得分:0)

您需要一些服务器端代码才能发送邮件。只是拥有一张表格对你没有任何帮助

所以在点击时发送它:

 $('#sendMessage').click(function(e) {
    var $form = $('#tellafriend_form');
    $.post($form.get(0).action, $form.serialize(), function(data){
          //something on success
    })
    $("#tellfriend").fadeToggle('fast');
});