Comment faire le contact nous soumettre le bouton envoyer des e-mails à mon email?

Question

Je suis très nouveau, en essayant d'utiliser le formulaire de contact nous sur mon site Web qui nous enverra le formulaire de contact à mon adresse e-mail. J'utilise un modèle et je n'ai aucune idée de comment envoyer ces requêtes de formulaire à mon email. Comment faire ce contact nous forme travailler dans mon site Web statique pas le langage de côté de serveur parce que je veux le faire fonctionner avec html et javascript comme la personne entre le nom, l'email et le message dans le formulaire et puis quand cliqué sur le soumettre le bouton puis je reçois les données de la personne à mon compte e-mail

Ce sont les codes.

<div class="container"> 
      <div class="row"> 
       <div class="col-lg-12 text-xs-center"> 
        <h2 class="section-heading">Contact Us</h2> 
        <h3 class="section-subheading text-muted">Use ths form to contact us.</h3> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col-lg-12"> 
        <form name="sentMessage" id="contactForm" novalidate> 
         <div class="row"> 
          <div class="col-md-6"> 
           <div class="form-group"> 
            <input type="text" class="form-control" placeholder="Your Name *" id="name" required data-validation-required-message="Please enter your name."> 
            <p class="help-block text-danger"></p> 
           </div> 
           <div class="form-group"> 
            <input type="email" class="form-control" placeholder="Your Email *" id="email" required data-validation-required-message="Please enter your email physics."> 
            <p class="help-block text-danger"></p> 
           </div> 
           <div class="form-group"> 
            <input type="tel" class="form-control" placeholder="Your Phone *" id="phone" required data-validation-required-message="Please enter your phone number."> 
            <p class="help-block text-danger"></p> 
           </div> 
          </div> 
          <div class="col-md-6"> 
           <div class="form-group"> 
            <textarea class="form-control" placeholder="Your Message *" id="message" required data-validation-required-message="Please enter a message."></textarea> 
            <p class="help-block text-danger"></p> 
           </div> 
          </div> 
          <div class="clearfix"></div> 
          <div class="col-lg-12 text-xs-center"> 
           <div id="success"></div> 
           <button type="submit" class="btn btn-xl">Send Message</button> 
          </div> 
         </div> 
        </form> 
       </div> 
      </div> 
     </div> 

code Javascript pour la forme

$(function() 
{ $("#contactForm input,#contactForm textarea").jqBootstrapValidation({ 
     preventSubmit: true, 
     submitError: function($form, event, errors) { 
      // additional error messages or events 
     }, 
     submitSuccess: function($form, event) { 
      event.preventDefault(); // prevent default submit behaviour 
      // get values from FORM 
      var name = $("input#name").val(); 
      var email = $("input#email").val(); 
      var phone = $("input#phone").val(); 
      var message = $("textarea#message").val(); 
      var firstName = name; // For Success/Failure Message 
      // Check for white space in name for Success/Fail message 
      if (firstName.indexOf(' ') >= 0) { 
       firstName = name.split(' ').slice(0, -1).join(' '); 
      } 
      $.ajax({ 
       url: "././mail/contact_me.php", 
       type: "POST", 
       data: { 
        name: name, 
        phone: phone, 
        email: email, 
        message: message 
       }, 
       cache: false, 
       success: function() { 
        // Success message 
        $('#success').html("<div class='alert alert-success'>"); 
        $('#success > .alert-success').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;") 
         .append("</button>"); 
        $('#success > .alert-success') 
         .append("<strong>Your message has been sent. </strong>"); 
        $('#success > .alert-success') 
         .append('</div>'); 

        //clear all fields 
        $('#contactForm').trigger("reset"); 
       }, 
       error: function() { 
        // Fail message 
        $('#success').html("<div class='alert alert-danger'>"); 
        $('#success > .alert-danger').html("<button type='button' class='close' data-dismiss='alert' aria-hidden='true'>&times;") 
         .append("</button>"); 
        $('#success > .alert-danger').append("<strong>Sorry " + firstName + ", it seems that my mail server is not responding. Please try again later!"); 
        $('#success > .alert-danger').append('</div>'); 
        //clear all fields 
        $('#contactForm').trigger("reset"); 
       }, 
      }); 
     }, 
     filter: function() { 
      return $(this).is(":visible"); 
     }, 
    }); 

    $("a[data-toggle=\"tab\"]").click(function(e) { 
     e.preventDefault(); 
     $(this).tab("show"); 
    }); 
}); 
    $('#name').focus(function() { 
    $('#success').html(''); 
}); 

Answer 1

Toutes les valeurs du formulaire sont accessibles dans votre code php avec $_POST

<?php 
$recipient = 'your@email.com'; 
//construct your email text here 
$message = 'Name: '.$_POST['name'].'<br/>Email: '.$_POST['email'].'Phone: '.$_POST['phone'].'<br/>Message: '.$_POST['message']; 
mail($recipient, 'MAIL SUBJECT', $message); 
?> 

Le mail() fait la tâche d'envoyer du courrier . Vous pouvez en lire plus à ce sujet ici http://php.net/manual/en/function.mail.php.

Vous pouvez télécharger le script php dans la racine principale du dossier public du serveur. Cependant cela signifie que vous allez changer l'url de l'appel ajax à juste 'contact_me.php' à condition que la page utilisant le javascript soit dans le même dossier avec le script PHP