Missing contact form (send.php file)

Question

Hi, I would like to ask for some help regarding my contact form, because I do not know how to create a php script to run when submitting my form (send.php). Here is my code for the contact form:

                <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>

Here is my 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;                      
  });    
});

I assume that I need url: "send.php", thanks in advance.

Answer 1

you should provide an action page on which you receive your data. your code might be like this.

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

Answer 2

First of all, it is an environment. Use because he does nothing to send. Secondly, in your ajax call you wrote:

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

if , "". , .

, . , .

Answer 3

Make the file name with "send.php" in the same root as the html file. and some php codes here ...

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

$headers = "From: [e-mail]" . "\r\n" .

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