php，javascript：ajax表单电子邮件操作和验证

Question

I have tried using a action="mail.site.com", info@site.com, and the page just refreshes without sending the query form.I think I need a PHP or Ajax page to send the email to the server and give the user a response. I have tried a few things I am not skilled at PHP. If anyone has any insight it would be greatly appreciated. Thank You.

 <section style="background: url(_images/pattern.html)" class="reservation parallax-repeat dark"> <div class=reservation__inner> <div class=container> <div class=row> <div class="col-sm-8 col-lg-6 col-sm-offset-2 col-lg-offset-3 text-center"> <header class=section-header> <h2>Servicio de reservas</h2> <div class=divider></div> <p> Para que el mantenimiento de su vehículo sea rápido y sin complicaciones, le recomendamos encarecidamente que realice una reserva en línea. Es completamente gratis y no te llevará mucho tiempo.</header> </div> </div> <div class=reservation-form> <form id=reservForm action=# method=POST data-toggle=validator> <div class=reservation-form__center-wrapper> <div class="form-group item-1"> <label for=resName class=label-control>Tu Nombre</label> <div class="input-wrap input-wrap--icon-left"><i class="input-icon pe-7s-user"></i> <input id=resName type=text name=field_name placeholder="David Kraemer" required class=form-control> </div> </div> <div class="form-group item-2"> <label for=resNumber class=label-control>Su Teléfono</label> <div class="input-wrap input-wrap--icon-left"><i class="input-icon pe-7s-phone"></i> <input id=resNumber type=tel name=field_tel placeholder="+1 (812) 281 55 23" required class=form-control> </div> </div> <div class="form-group item-3"> <label for=resDate class=label-control>Fecha</label> <div class="input-wrap input-wrap--icon-left"><i class="input-icon pe-7s-date"></i> <input id=resDate type=text name=field_date placeholder=09/18/2016 required class="form-control pick-date"> </div> </div> <div class="form-group item-4"> <label for=resTime class=label-control>Hora</label> <div class=input-wrap><i class="input-icon fa fa-caret-down"></i> <input id=resTime type=text name=field_time placeholder=16:30 required class="form-control time-pick"> </div> </div> </div> <button type=submit class="btn btn-regular btn-accent"><span class=btn-text> Hacer una reserva</span><span class=btn-over></span></button> </form> </div> </div> </div> </section> 

Answer 1

I can see that you have the html form constructed, the part you are missing will be adding the url where the form data will be processed.

<form id=reservForm action="sendemail.php" method=POST data-toggle=validator>

Once done you need to create a sendemail.php file and to access the user data that the user keyed the php code will look like this:

<?php
    $name = $_POST['field_name'];
    $tel = $_POST['field_tel'];
    $date = $_POST['field_date'];
    $time = $_POST['field_time'];
?>

After obtaining the data, you need to validate each of them to see if the type formats is what you want. Try reading form validation

Last but not least, if everything is alright then you can proceed to send the email using the sample code below:

<?php

  $to = "abc@domain.com";
  $headers = "From: $email_from \r\n";
  $headers .= "Reply-To: $visitor_email \r\n";
  mail($to,$email_subject,$email_body,$headers);

?>

You can read more about sending email here .