1

更新二：做了一些测试，发现页面中加载jQuery的时候就不行了。我的页面依赖于 jQuery，我该怎么办？

更新：您可以在此处查看有问题的页面，并在此处查看工作测试页面。

我正在制作联系表格，看起来像这样

<form id="main-contact-form" class="contact-form" name="contact-form" method="post" action="../sendemail.php">
              <div class="row-fluid">
                <div class="span5">
                    <label>First Name</label>
                    <input name="first" type="text" class="input-block-level" required="required" placeholder="Your First Name">
                    <label>Last Name</label>
                    <input name="last" type="text" class="input-block-level" required="required" placeholder="Your Last Name">
                    <label>Email Address</label>
                    <input name="email" type="text" class="input-block-level" required="required" placeholder="Your email address">
                </div>
                <div class="span7">
                    <label>Message</label>
                    <textarea name="message" id="message" required class="input-block-level" rows="8"></textarea>
                </div>

            </div>
            <button type="submit" class="btn btn-primary btn-large pull-right">Send Message</button>
            <p> </p>

        </form>

没什么太花哨的。sendemail.php 看起来像这样

<?php
header('Content-type: application/json');
$status = array(
    'type'=>'success',
    'message'=>'Email sent!'
);

$name = @trim(stripslashes($_POST['first']." ".$_POST['last'])); 
$email = @trim(stripslashes($_POST['email'])); 
$subject = "Monarc - Message From ".$name;
$message = @trim(stripslashes($_POST['message'])); 

$email_from = $email;
$email_to = 'xxx@xxx.xxx';

$body = 'Name: ' . $name . "\n\n" . 'Email: ' . $email . "\n\n" . 'Subject: ' . $subject . "\n\n" . 'Message: ' . $message;

$success = @mail($email_to, $subject, $body, 'From: <'.$email_from.'>');

echo json_encode($status);
die;

电子邮件通过了，但邮件中没有通过 postdata。它说（未知发件人）作为发件人，正文如下所示：

姓名：

电子邮件：

主题：Monarc - 来自

信息：

我究竟做错了什么？

谢谢！

4

2 回答 2

0

要发布表单值，您必须使用输入类型提交而不是按钮类型

改变：

<button type="submit" class="btn btn-primary btn-large pull-right">Send Message</button>

至：

<input type="submit" class="btn btn-primary btn-large pull-right" value="Send Message">
于 2014-04-21T07:51:17.830 回答
0

补充信息，此表格使用以下 javascript 文件：

jQuery（函数（$）{

//Ajax 联系人 var form = $('.contact-form'); form.submit(function () { $this = $(this); $.post($(this).attr('action'), function(data) { $this.prev().text(data.message) .fadeIn().delay(3000).fadeOut(); },'json'); return false; });

//转到顶部 $('.gototop').click(function(event) {
event.preventDefault(); $('html, body').animate({ scrollTop: $("body").offset().顶部 }, 500); }); //结束跳转到顶部

});

在另一个论坛上搜索，我发现了如何解决这个问题。您只需在 php 文件中添加以下代码：

$headers = "From: mail <$email_from>\r\n";
$headers .= "MIME-Version: 1.0" ."\n";
$headers .= "Content-type: text/html; charset=iso-8859-1\r\n";

并删除 $success = @mail($email_to, $subject, $body,'From: <'.$email_from.'>') 的“@”；

在“main.js”文件中，您的代码未在 .post() 方法中提供任何数据。您需要添加 $(this).serialize() 以获取所有表单字段/值。

未经测试，但应该工作 -

$.post($(this).attr('action'),$(this).serialize(), function(data) {

希望有助于解决问题

于 2014-10-22T20:53:55.470 回答