Send Form (HTML+PHP+Sweet Alert)

contact.php

<?php
  $to = 'your@email.com' . "\r\n";
  $subject = 'Subject';
  $name = $_POST['nombre'];
  $email = $_POST['email']; 

  $message = "************************************************** \r\n" .
  	         "Message from you website!  \r\n" .
             "************************************************** \r\n" .	
    
  	        "Name: " . $name . "\r\n" .
  	        "E-mail: " . $email . "\r\n" .
  	        "Message: " . $_POST["message"] . "\r\n"; 

  $headers = "From: " . $name . "<" . $email . "> \r\n" .
  	         "Reply-To: " . $email . "\r\n" .
             "MIME-Version: 1.0" . "\r\n" .
             "Content-type:text/html;charset=UTF-8" . "\r\n";

	mail($to, $subject, $message, $headers); 
 ?>

form.html

<form role="form" id="contact-form" method="post">
  <label for="name">Name</label>
  <input type="text" placeholder="Full Name" name="name" required>
  
  <label for="email">Email</label>
  <input type="email" placeholder="Your Email" name="email" required>
  
  <label>Message</label>
  <textarea name="message" placeholder="Your Message" rows="9"></textarea>
	
	<button type="submit" class="btn">Send</button>
</form>

main.js

$(document).ready(function(){
  $('#contact-form').on('submit',function(e) {  //Don't foget to change the id form
  $.ajax({
      url:'contact.php', //===PHP file name====
      data:$(this).serialize(),
      type:'POST',
      success:function(data){
        console.log(data);
        //Success Message == 'Title', 'Message body', Last one leave as it is
	    swal("¡Success!", "Message sent!", "success");
      },
      error:function(data){
        //Error Message == 'Title', 'Message body', Last one leave as it is
	    swal("Oops...", "Something went wrong :(", "error");
      }
    });
    e.preventDefault(); //This is to Avoid Page Refresh and Fire the Event "Click"
  });
});

Send Form (HTML+PHP+Sweet Alert).md

Send mail php from html form without reload page and sending success and error alert with SweetAlert

• Add file needed by SweetAlert (js & css)
• don't forget to link JQuery and main.js
• Create your form according to your needs, don't forget the id
• Create PHP file according to your needs
• Enjoy!

See Sweet Alert in action! http://tristanedwards.me/sweetalert
Sweet Alert Github: https://github.com/t4t5/sweetalert