Форма контакта Я использую перенаправления после отправки сообщения, но я хотел бы, чтобы пользователь получил сообщение «Сообщение отправлено», которое появится и исчезнет где-то в форме контакта. Значение страницы никогда не обновляется, и пользователь не убирается со страницы или контактной формы. Это возможно?
Если бы кто-то мог показать мне код, который мне нужно добавить к текущему ниже …
Я использую следующую форму:
<form id="contact-form-face" class="clearfix" action="http://www.demo.com/php/contactengine.php"> <input type="text" name="email" value="Email" onFocus="if (this.value == 'Email') this.value = '';" onBlur="if (this.value == '') this.value = 'Email';" /> <textarea name="message" onFocus="if (this.value == 'Message') this.value = '';" onBlur="if (this.value == '') this.value = 'Message';">Message</textarea> <input class="contact_btn" name="submit" type="submit" value="Send Message" /> </form> И пост PHP:
<?php $EmailFrom = "myemail"; $EmailTo = "myemail"; $Subject = ""; $Email = Trim(stripslashes($_POST['email'])); $Message = Trim(stripslashes($_POST['message'])); // validation $validationOK=true; if (!$validationOK) { print "<meta http-equiv=\"refresh\" content=\"0;URL=error.htm\">"; exit; } // prepare email body text $Body .= "Email: "; $Body .= $Email; $Body .= "\n"; $Body .= "Message: "; $Body .= $Message; $Body .= "\n"; // send email $success = mail($EmailTo, $Subject, $Body, "From: <$EmailFrom>"); // redirect to success page if ($success){ print "<meta http-equiv=\"refresh\" content=\"0;URL=contactthanks.php\">"; } else{ print "<meta http-equiv=\"refresh\" content=\"0;URL=error.htm\">"; } ?>
Любая помощь будет принята с благодарностью
Вы можете использовать приведенную ниже ссылку, чтобы подготовить форму. Простая форма Ajax с использованием Javascript Нет jQuery
После его подготовки вы можете использовать responseText, чтобы проверить, возвращается ли статус успеха, и затем может отображать сообщение на одной странице без обновления.
Редактировать:
В HTML
<form id="contact-form-face" onSubmit="AJAXPost(this.id); return false;" class="clearfix" action="http://www.demo.com/php/contactengine.php">
В php-файле
if($success){ echo 1; }else{ echo 0; }
Это может быть ваша функция javascript, которой будет передан ваш идентификатор формы.
function AJAXPost(formId) { var elem = document.getElementById(formId).elements; var url = document.getElementById(formId).action; var params = ""; var value; for (var i = 0; i < elem.length; i++) { if (elem[i].tagName == "SELECT") { value = elem[i].options[elem[i].selectedIndex].value; } else { value = elem[i].value; } params += elem[i].name + "=" + encodeURIComponent(value) + "&"; } if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari xmlhttp=new XMLHttpRequest(); } else { // code for IE6, IE5 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.open("POST",php_post_url.php,false); xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded"); xmlhttp.setRequestHeader("Content-length", params.length); xmlhttp.setRequestHeader("Connection", "close"); xmlhttp.send(params); if(xmlhttp.responseText == 1){ alert('Successfully Submitted'); }else{ alert('Something Went Wrong. Please try again.'); } }