javascript - 缺少联系表(send.php 文件)

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;                      
  });    
});

我猜我需要 url:“send.php”，非常感谢。

Answer 1

您应该提供接收数据的操作页面。你的代码可能是这样的..

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