Форма сообщения оповещения

Question

Я следующий вид:

<form method="post" action="contactus.php" name="myForm" autocomplete="off"> 
      <label for="Name">Name:</label> 
      <input type="text" name="Name" id="Name" maxlength="60" required/> 

      <label for="email">Email:</label> 
      <input type="text" name="email" id="email" maxlength="120" required/> 

      <label for="message">Message:</label><br /> 
      <textarea name="message" rows="20" cols="20" id="message" required></textarea> 

      <input type="submit" name="submit" value="Submit" class="submit-button" /> 

     </form> 

А некоторые PHP, который отправляет электронную почту, то PHP находится на той же странице, что и форма (contactus.php), и я хочу сообщение прийти где-то на странице (а не всплывающее окно), чтобы сообщить пользователю, что отправлено письмо (письмо не нужно проверять, просто для нажатия кнопки). Это может быть сделано в PHP, AJAX или JS Я не против

Answer 1

HTML код -

<p style="display:none">Mail Send Successfully </p> 
<form method="post" action="contactus.php" name="myForm" autocomplete="off"> 
      <label for="Name">Name:</label> 
      <input type="text" name="Name" id="Name" maxlength="60" required/> 

      <label for="email">Email:</label> 
      <input type="text" name="email" id="email" maxlength="120" required/> 

      <label for="message">Message:</label><br /> 
      <textarea name="message" rows="20" cols="20" id="message" required></textarea> 

      <input id="submit-btn" type="submit" name="submit" value="Submit" class="submit-button" /> 

     </form> 

AJAX код -

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
     <script type="text/javascript"> 
     $(document).ready(function(){ 
      $('#submit-btn').click(function(){ 
       var name = $('#name').val(); 
       var email = $('#email').val(); 
       var message = $('#message').val(); 

       $.ajax({ 
       type: "POST", 
       url: "form-submit.php", // in this file we will put the code of send email and also we will return a response 
       data:"name="+name+"&email="+email+"&message="+message, 
       success: function(response) // we will get response 
        { 
         $('p').show(); // here message will show after send email 
        } 
       }); 
     }); 
     }); 
     </script> 

Answer 2

<form method="post" action="contactus.php?message=ok" name="myForm" autocomplete="off"> 
    <label for="Name">Name:</label> 
    <input type="text" name="Name" id="Name" maxlength="60" required/> 

    <label for="email">Email:</label> 
    <input type="text" name="email" id="email" maxlength="120" required/> 

    <label for="message">Message:</label><br /> 
    <textarea name="message" rows="20" cols="20" id="message" required</textarea> 

    <input type="submit" name="submit" value="Submit" class="submit-button" /> 
</form> 
<div id="displayMessage"></div>*****************new div to display message put wherever you want****************** 

Javascript:

<script> 
     function getParameterByName(name) { 
      name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); 
      var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), 
      results = regex.exec(location.search); 
      return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " ")); 
     } 
     if(getParameterByName("message") == "ok") 
     { 
      document.getElementById("displayMessage").innerHTML = "Message Sent."; 
      window.alert("Message Sent.");//If you want an alert box 
     } 
<script> 

Просто положите <script></script> в конец вашего тела ...

Answer 3

Если PHP, который отправляет почту на той же странице, я предполагаю, что структура, как это:

<?php 
if (isset($_POST['email']) && strlen($_POST['email') { 
    mail("name@example.com", "subject", "text"); 
} 
?> 

Я рекомендую вам добавить переменную там, как это:

<?php 
if (isset($_POST['email']) && strlen($_POST['email') { 
    mail("name@example.com", "subject", "text"); 
    $sent_mail = true; // so we know later 
} 
?> 

Тогда где-то на странице, не делайте этого:

<?php 
if (isset($sent_mail)) { 
    echo 'Success!'; 
} 
?> 

нет JavaScript, необходимый :)