Question

您好我想就我的联系表单提出一些帮助，因为我不知道如何创建一个php脚本来运行提交我的表单（send.php）。这是我的联系表格代码：

                <div class="contact_form_holder">
                    <form id="contact" class="row" name="form1" method="post" action="#">

                        <div class="span4">
                            <label>Nom</label>
                            <input type="text" class="full" name="name" id="name" />
                        </div>

                        <div class="span4">
                            <label>Email <span class="req">*</span></label>
                            <input type="text" class="full" name="email" id="email" />
                            <div id="error_email" class="error">Please check your email</div>
                        </div>

                        <div class="span8">
                            <label>Message <span class="req">*</span></label>
                            <textarea cols="10" rows="10" name="message" id="message" class="full"></textarea>
                            <div id="error_message" class="error">Please check your message</div>
                            <div id="mail_success" class="success">Thank you. Your message has been sent.</div>
                            <div id="mail_failed" class="error">Error, email not sent</div>

                            <p id="btnsubmit">
                                <input type="submit" id="send" value="Send" class="btn btn-large" /></p>
                        </div>


                    </form>
                </div>

这是我的Javascript：

$(document).ready(function(){
  $("#send").click(function(){
    var name   = $("#name").val();
    var email  = $("#email").val();
    var message  = $("#message").val();

    var error = false;

     if(email.length == 0 || email.indexOf("@") == "-1" || email.indexOf(".") == "-1"){
       var error = true;
       $("#error_email").fadeIn(500);
     }else{
       $("#error_email").fadeOut(500);
     }
     if(message.length == 0){
        var error = true;
        $("#error_message").fadeIn(500);
     }else{
        $("#error_message").fadeOut(500);
     }

     if(error == false){
       $("#send").attr({"disabled" : "true", "value" : "Loading..." });

       $.ajax({
         type: "POST",
         url : "send.php",    
         data: "name=" + name + "&email=" + email + "&subject=" + "You Got Email" + "&message=" + message,
         success: function(data){    
          if(data == 'success'){
            $("#btnsubmit").remove();
            $("#mail_success").fadeIn(500);
          }else{
            $("#mail_failed").html(data).fadeIn(500);
            $("#send").removeAttr("disabled").attr("value", "send");
          }     
         }  
       });  
    }
        return false;                      
  });    
});

我猜我需要网址：＆＃34; send.php＆＃34;，非常感谢你提前。

Answer 1

您应该在行动页面上显示接收数据的位置。你的代码可能是这样的..

<form id="contact" class="row" name="form1" method="post" action="send.php">

Answer 2

首先实际提交周围的表格。使用因为它无需提交任何内容。其次在你的ajax电话中你写了：

success: function(data){   
    if(data == 'success'){
        $("#btnsubmit").remove();
        $("#mail_success").fadeIn(500);
    }
});

如果数据的值不是“成功”，则if条件无效。我不知道它是否会回归成功。

所以最后改变输入类型提交到输入类型按钮..希望它能工作..

Answer 3

使用＆＃34; send.php＆＃34;创建文件名。在它存在html文件的同一个根目录中。和一些PHP代码在这里...

$name = $_POST['name'];
$email = $_POST['email'];
$subject = $_POST['subject'];
$message = $_POST['message'];

$headers = "From: webmaster@example.com" . "\r\n" .

//mail(to,subject,message,headers,parameters);
mail($email,$subject,$message,$headers);

缺少联系表格（send.php文件）

3 个答案: