title: php,javascript:ajax Form email action and validation
body: <p>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.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;section style="background: url(_images/pattern.html)" class="reservation parallax-repeat dark"&gt;
              &lt;div class=reservation__inner&gt;
                  &lt;div class=container&gt;
                      &lt;div class=row&gt;
                          &lt;div class="col-sm-8 col-lg-6 col-sm-offset-2 col-lg-offset-3 text-center"&gt;
                              &lt;header class=section-header&gt;
                                  &lt;h2&gt;Servicio de reservas&lt;/h2&gt;
                                  &lt;div class=divider&gt;&lt;/div&gt;
                                  &lt;p&gt;
                                      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.&lt;/header&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class=reservation-form&gt;
                          &lt;form id=reservForm action=# method=POST data-toggle=validator&gt;
                              &lt;div class=reservation-form__center-wrapper&gt;
                                  &lt;div class="form-group item-1"&gt;
                                      &lt;label for=resName class=label-control&gt;Tu Nombre&lt;/label&gt;
                                      &lt;div class="input-wrap input-wrap--icon-left"&gt;&lt;i class="input-icon pe-7s-user"&gt;&lt;/i&gt;
                                          &lt;input id=resName type=text name=field_name placeholder="David Kraemer" required class=form-control&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="form-group item-2"&gt;
                                      &lt;label for=resNumber class=label-control&gt;Su Teléfono&lt;/label&gt;
                                      &lt;div class="input-wrap input-wrap--icon-left"&gt;&lt;i class="input-icon pe-7s-phone"&gt;&lt;/i&gt;
                                          &lt;input id=resNumber type=tel name=field_tel placeholder="+1 (812) 281 55 23" required class=form-control&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="form-group item-3"&gt;
                                      &lt;label for=resDate class=label-control&gt;Fecha&lt;/label&gt;
                                      &lt;div class="input-wrap input-wrap--icon-left"&gt;&lt;i class="input-icon pe-7s-date"&gt;&lt;/i&gt;
                                          &lt;input id=resDate type=text name=field_date placeholder=09/18/2016 required class="form-control pick-date"&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                                  &lt;div class="form-group item-4"&gt;
                                      &lt;label for=resTime class=label-control&gt;Hora&lt;/label&gt;
                                      &lt;div class=input-wrap&gt;&lt;i class="input-icon fa fa-caret-down"&gt;&lt;/i&gt;
                                          &lt;input id=resTime type=text name=field_time placeholder=16:30 required class="form-control time-pick"&gt;
                                      &lt;/div&gt;
                                  &lt;/div&gt;
                              &lt;/div&gt;
                              &lt;button type=submit class="btn btn-regular btn-accent"&gt;&lt;span class=btn-text&gt;
  Hacer una reserva&lt;/span&gt;&lt;span class=btn-over&gt;&lt;/span&gt;&lt;/button&gt;
                          &lt;/form&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/section&gt;</code></pre>
  </div>
  </div>
  </p>