Как создать сообщение об успешном завершении контакта на одной странице

Question

Мой сайт - это один пейджер с навигацией, который ссылается на разные части страницы в том же документе. Таким образом, мой контакт находится на stie.com/#contact, а не на site.com/contact.html

У меня есть контактная форма, закодированная в html, используя метод post, связанный с mail.php. При нажатии кнопки «Отправить» я перенаправляется на сайт site.com/mail.php, где отображается сообщение «Ваше сообщение успешно отправлено». Как получить его так, чтобы он отображался прямо поверх контактной формы, так как у меня нет файла contact.html, чтобы он превратился в contact.php и поместил php-код вправо, где я хочу, чтобы сообщение об успешном запуске отображалось?

<div class="row"> 
<div class="12u"> 
<form method="post" action="mail.php"> 
<div> 
<div class="row half"> 
<div class="6u"> 
<input type="text" name="name" id="name" placeholder="Name" /> 
</div> 
<div class="6u"> 
<input type="email" name="email" id="email" placeholder="Email" /> 
</div> 
</div> 
<div class="row half"> 
<div class="12u"> 
<input type="text" name="subject" id="subject" placeholder="Subject" /> 
</div> 
</div> 
<div class="row half"> 
<div class="12u"> 
<textarea name="message" id="message" placeholder="Message"></textarea> 
</div> 
</div> 
<div class="row"> 
<div class="12u"> 
<a href="#" class="button form-button-submit">Send Message</a> 
<a href="#" class="button button-alt form-button-reset">Clear Form</a> 
</div> 
</div> 
</div> 
</form> 
</div> 

Мой Mail.php

<?php 

//GET INFO FROM CONTACT FORM 
$name = $_POST['name']; 
$email = $_POST['email']; 
$subject = $_POST ['subject']; 
$message = $_POST['message']; 
$from .= $_POST ['email']; 
$to = 'email@site.com'; 

// compose headers 
$headers = "From: $email\r\n"; 
$headers .= "Reply-To: $email\r\n"; 

//POST SUBMIT 
if ($_POST['sumbit']); 
    if ($name != '' && $subject != '' && $message !='' && $email != '') {     
      if (mail ($to, $subject, $from, $message, $headers)) { 
      echo '<p>Your message has been sent!</p>'; 
     } else { 
      echo '<p>Something went wrong, go back and try again!</p>'; 
     } 
    } else { 
     echo '<p>Please fill in all required fields!!</p>'; 
    } 
?> 

Answer 1

Вы можете использовать параметры URL с PHP:

<?php 

$confDisplay = 'display:none;'; 

// if the url param exists, display confirmation 
if(isset($_GET["confirm"]) && $_GET["confirm"]==true){ 
    $confDisplay = 'display:inline;'; 
} 

?> 

    ... 
    <div style="<?php echo $confDisplay; ?>"> 
    Your form has been submitted! 
    </div> 
    ... 

Просто установите URL формы действий на ту же страницу с ?confirm=true в конце.

Answer 2

Обратите внимание, что ваш скрипт mail.php уязвим для атаки на удар головой. Вам нужно избежать переменной $ _POST ['email']. У вас должно быть удалить специальные символы \ n и \ r. Это можно сделать легко, используя функцию str_replace.

Answer 3

Сделайте свое поле действия пустым. Поместите action="" вместо action="mail.php" Затем включите свой контент mail.php на свою страницу контактов. Как вы знаете, вам также нужно сохранить эту страницу как PHP; например, mycontactform.php. Таким образом, у вас больше контроля над содержимым и форматом сообщения «отправлено ваше сообщение». Если вы отделите mail.php, вы не сможете обращаться к разделам в mycontactform.php.

Защита и уязвимость используемых вами кодов PHP должны быть решены после того, как вы завершили кодировку страницы и протестировали ее как в рабочем состоянии, так и в нужном формате, поскольку для этого необходимо более углубленное изучение соглашений и обычаев PHP. источник: A Set of Step by Step Tutorials Using HTML5, CSS3 and PHP (8)