Нужна помощь при создании формы обратной связи

[mirnosaveli]

вот она http://kymakym.xyz/obratnaja+svjaz.html, только не работает, не могу правильно поставить код, чтоб на определенное мыло долетали сообщения...

[Vlad02]

Показывайте, что делали.

[rus]

1) в теге <form> указано enctype="multipart/form-data", а это означает что передаваться будут не только текстовые данные, но еще и файлы, а у вас нет в форме этого варианта, это не критично, но теряет смысл.

2) отсутствует в этом же теге action="путь до скрипта обработчика" - это значит что обработчик формы (скрипт) либо находится на этой же страницы в теле документа, либо он вообще отсутствует.

3) сам документ у вас имеет расширение .html - по умолчанию, вэб-сервер не может с данного расширения выполнять серверные скрипты (например php), но в файле .htaccess можно указать инструкция для вэб сервера на исполнение php кода в html документе.

вы хотите что бы за вас сделали и дали готовый код?

подозреваю что его у вас нет...

[mirnosaveli]

Вот файл post.php , находится в корне папки

 

<? // —————————-конфигурация————————-- // $adminemail="alex888xxx@yandex.ru";  // e-mail админа $date=date("d.m.y"); // число.месяц.год $time=date("H:i"); // часы:минуты:секунды $backurl="http://kymakym.xyz/obratnaja+svjaz.html"; // На какую страничку переходит после отправки письма //———————————————————————- //   // Принимаем данные с формы $name=$_POST['name']; $email=$_POST['email']; $msg=$_POST['message'];   // Проверяем валидность e-mail if (!preg_match("|^([a-z0-9_\.\-]{1,20})@([a-z0-9\.\-]{1,20})\.([a-z]{2,4})|is", strtolower($email)))  {   echo "<center>Вернитесь <a href='javascript:history.back(1)'><B>назад</B></a>. Вы указали неверные данные!";   }  else  { $msg=" <p>Имя: $name</p> <p>E-mail: $email</p> <p>Сообщение: $msg</p> ";    // Отправляем письмо админу  mail("$adminemail", "$date $time Сообщение от $name", "$msg");   // Сохраняем в базу данных $f = fopen("message.txt", "a+"); fwrite($f," \n $date $time Сообщение от $name"); fwrite($f,"\n $msg "); fwrite($f,"\n —————"); fclose($f);   // Выводим сообщение пользователю print "<script language='Javascript'><!-- function reload() {location = \"$backurl\"}; setTimeout('reload()', 6000); //--></script> $msg <p>Сообщение отправлено! Подождите, сейчас вы будете перенаправлены на главную страницу...</p>";  exit;  } ?>

что еще показывать?

еще имеется папка CSS, в которой файлик ie.css:

.button,#contact-form input,#contact-form textarea {behavior: url(js/PIE.htc); position:relative;}а так же файл style.css, вернее его кусок с формой:/***** contact form *****/#contact-form {display:block;width:100%;}#contact-form label {display:block; height:34px; overflow:hidden;}#contact-form input {float:left; width:259px; font-size:13px; line-height:1.23em;color:#808080;padding:5px 10px; margin:0; font-family:Arial, Helvetica, sans-serif; border:none;background:#fff;outline:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}#contact-form textarea {float:left;height:380px; width:489px;max-height:380px; max-width:489px;min-height:380px; min-width:489px;font-size:12px; line-height:1.25em;color:#808080;padding:5px 10px; margin:0; font-family:Arial, Helvetica, sans-serif; border:none;background:#fff;overflow:auto;outline:none;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;}.text-form {float:left; display:block; font-size:13px;line-height:26px;width:70px; color:#7f7f7f;font-family:Arial, Helvetica, sans-serif;}.buttons {padding:20px 10px 0 0; text-align:right;}.buttons a {margin-left:15px; padding:5px 32px 6px;}

Edited November 26, 2015 by rus
Оборачивайте ваш код в соответствующие теги форума!

[rus]

1) в action формы укажите путь до обработчика post.php

2) в textarea допишите name="message"

3) в обработчике допишите после:

$name=$_POST['name']; $email=$_POST['email']; $msg=$_POST['message']; ...

вот это:

$phone = $_POST['phone'];

ну и тут соотв.:

<p>Имя: $name</p> <p>E-mail: $email</p> <p>Телефон: $phone</p> //вот это<p>Сообщение: $msg</p>

[BarSuk]

Если ещё актуально, могу предложить для проверки формы использовать сторонние сервисы

_http://form.staff-base.com/- для проверки собственно формы

_http://форма.сайта-визитки.рф/ - можете сделать форму для пересылки на ваш e-mail

вторая вещь полезна, если вы не можете разобраться с отправкой писем с сервера. Бывают ситуации, когда "все" работает, а письма не доходят из-за SPF или DKIM.

[mirnosaveli]

не выходит, не знаю, может пути не верно прописал, вот что сделал: 

 

в корне - папка CSS, в ней файлик ie.sss:

.button,#contact-form input,#contact-form textarea, name="message" {behavior: url(js/PIE.htc); position:relative;}

в корне - папка CSS, в ней файлик style.css:

/* Getting the new tags to behave */article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}mark, rp, rt, ruby, summary, time {display:inline;}/* Global properties ======================================================== */html {width:100%; height:100%;}body {font-family:Arial, Helvetica, sans-serif;font-size:100%;color:#7f7f7f;min-width:960px;height:100%;background:url(../images/body-bg.jpg) center top repeat #151515}.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}.main-bg {width:100%; min-height:100%; background:url(../images/bg-2.jpg) center top repeat-x;}.bg {width:100%; min-height:100%; background:url(../images/bg.jpg) center top no-repeat;}.main {	width:960px; 		padding:0;	margin:0 auto;	font-size:13px;	line-height:24px;}a {color:#b22300; outline:none;}a:hover {text-decoration:none;}.col-1, .col-2 {float:left; width:160px;}.col-1 {margin-right:50px;}.wrapper {width:100%; overflow:hidden;}.extra-wrap {overflow:hidden;} p {margin-bottom:18px;}.p0 {margin-bottom:0px;}.p1 {margin-bottom:8px;}.p2 {margin-bottom:15px;}.p3 {margin-bottom:30px;}.p4 {margin-bottom:45px;}.p5 {margin-bottom:50px;}.fleft {float:left;}.fright {float:right;}.alignright {text-align:right;}.aligncenter {text-align:center;}.color-1 {color:#fff;}.color-2 {color:#000;}.color-3 {color:#b22300;}/*********************************boxes**********************************/.indent {padding:41px 30px 0 0;}.indent-top {padding-top:15px;}.indent-left {padding-left:30px;}.indent-left2 {padding-left:10px;}.indent-right {padding-right:50px;}.indent-bot {margin-bottom:20px;}.indent-bot2 {margin-bottom:30px;}.indent-bot3 {margin-bottom:45px;}.prev-indent-bot {margin-bottom:10px;}.prev-indent-bot2 {margin-bottom:5px;}.img-indent-bot {margin-bottom:25px;}.margin-bot {margin-bottom:35px;}.img-indent {float:left; margin:0 19px 0px 0;}	.img-indent2 {float:left; margin:0 25px 0px 0;}	.img-indent3 {float:left; margin:0 30px 0px 0;}	.img-indent-r {float:right; margin:0 0px 0px 40px;}	.buttons a:hover {cursor:pointer;}.menu li a,.list-1 li a,.link,.link-1,.link-2,.button,h1 a {text-decoration:none;}	/*********************************header*************************************/header {	width:100%;	position:relative; 	z-index:2;}h1 {	padding:45px 20px 37px 26px; 	background:url(../images/h1-bg.jpg) 0 0 no-repeat;	float:left;}	h1 a {		display:block;		width:230px;		height:55px;		text-indent:-999em;		background:url(../images/logo.png) 0 0 no-repeat;	}.address {	display:block;	font-size:14px;	line-height:28px;	text-align:right;	color:#b22300;}.phone {	display:block;	font-size:25px;	line-height:30px;	text-align:right;	color:#fff;	margin-top:-5px;}	/***** menu *****/header nav {	width:100%;	height:52px;	background:url(../images/menu-bg.jpg) 0 0 no-repeat;	overflow:hidden;}	#page1 header nav {margin-bottom:28px;}.menu li {	float:left; 	position:relative;	background:url(../images/menu-spacer.gif) left top no-repeat;}	.menu > li:first-child {background:none;}.menu li a {	display:inline-block; 	font-size:18px; 	line-height:25px; 	padding:12px 28px 12px 29px; 	color:#808080; 	text-transform:capitalize; }	.menu > li:first-child > a {		text-indent:-999em;		background:url(../images/menu-home.png) center -25px no-repeat;		min-width:22px;	}.menu li a.active,.menu > li > a:hover {color:#fff;}.menu > li:first-child > a.active,.menu > li:first-child > a:hover {background-position:center 15px;}/***** slider *****/.slider-wrapper {	width:960px;	height:400px;	overflow:hidden;	position:relative;}.slider {	width:960px;	height:400px;}.items {display:none;}.prev,.next {	display:block;	width:80px;	height:400px;	text-indent:-9999em;	position:absolute;	z-index:99;	top:50%;	margin-top:-200px;}.prev {background:url(../images/slider-prev.png) 0 0 no-repeat; left:0;}.next {background:url(../images/slider-next.png) 0 0 no-repeat; right:0;}/*********************************content*************************************/#content {	width:100%; 	padding:43px 0;	position:relative;	z-index:1;}.spacer-1 {	width:100%; 	background:url(../images/pic-1.gif) 217px 0 repeat-y;}h2 {	font-size:40px; 	line-height:1.2em; 	color:#fff;	font-weight:normal;	letter-spacing:-1px;	margin-bottom:9px;}h3 {	font-size:25px; 	line-height:2em; 	color:#fff;	margin-bottom:2px;}	h3 strong {display:block; margin-top:-25px;}h4 {	font-size:18px;	line-height:25px;	color:#f0f0f0;	font-weight:normal;	margin-bottom:8px;}h6 {color:#fff; font-weight:normal; margin-bottom:3px;}.border-bot {	width:100%; 	padding-bottom:31px; 	background:url(../images/pic-1.gif) 0 bottom repeat-x;}.border-bot2 {	width:100%; 	padding-bottom:23px; 	margin-bottom:18px;	background:url(../images/pic-1.gif) 0 bottom repeat-x;}.box {	width:260px; 	background:#151515;	border-radius:4px;	-moz-border-radius:4px;	-webkit-border-radius:4px;}	.box .padding {padding:15px 15px 20px 30px;}.container-bot {	width:100%;	padding-bottom:6px;	background:url(../images/container-bot.png) left bottom no-repeat;}.container-top {	width:100%;	padding-top:6px;	background:url(../images/container-top.png) left top no-repeat;}.container {	width:100%;	padding:20px 0 40px;	background:url(../images/container-tail.png) left top repeat-y;}.button {	display:inline-block; 	padding:5px 15px 6px;	font-size:13px;	line-height:1.23em;	font-weight:bold;	color:#000; 	background:url(../images/button-tail.gif) 0 0 repeat-x #fb4400;	cursor:pointer;	border-radius:3px;	-moz-border-radius:3px;	-webkit-border-radius:3px;}.button:hover {background:#fb4400; color:#fff;}.list-1 li {	line-height:18px; 	padding:8px 0 8px 10px; 	background:url(../images/marker-1.gif) 0 15px no-repeat;}	.list-1 a {		display:inline-block;		color:#7f7f7f;		font-weight:bold;	}	.list-1 a:hover {color:#b22300;}.list-2 li {	line-height:20px; 	padding:5px 0 5px 10px; 	background:url(../images/marker-1.gif) 0 13px no-repeat;}	.list-2 a {display:inline-block;}	.list-2 a:hover {text-decoration:none;}		#page4 .list-2 a {color:#7f7f7f; text-decoration:none;}	#page4 .list-2 a:hover {text-decoration:underline;}.link:hover {text-decoration:underline;} .link-1 {	display:inline-block; 	font-weight:bold;	padding-left:14px; 	color:#fff;	background:url(../images/marker-2.gif) 0 10px no-repeat;}.link-1:hover {text-decoration:underline;} .link-2 {color:#7f7f7f;}.link-2:hover {text-decoration:underline;}.text-1,.text-2 {	display:inline-block;	font-size:40px;	line-height:1.2em;	color:#fff;	letter-spacing:-1px;} dl span {float:left; width:80px;}dl.main-address dt {margin-bottom:5px;}dl.main-address span {float:left; width:74px; color:#fff;}.price-list td {border:1px solid #343434; line-height:39px;}.price-list thead td {width:229px; text-align:center; color:#fff; font-weight:bold;}.price-list td:first-child {width:858px;}.price-list tbody td:first-child {color:#fff; font-weight:bold; text-align:left; text-indent:19px;}.price-list tbody td {text-align:center;}/**** Lightbox ****/.lightbox {	position:relative;	z-index:1;	overflow:hidden;	display:inline-block;	cursor:pointer;	}	.lightbox img {		position:relative;		z-index:1;	}	.lightbox span {		display:inline-block;		position:absolute;		left:0px;		top:0;		width:100%;		height:100%;		background:url(../images/video-marker.png) no-repeat 50% 50%;		z-index:2;		padding:0;	}/***** contact form *****/#contact-form {	display:block;	width:100%;}	#contact-form label {		display:block; 		height:34px; 		overflow:hidden;	}	#contact-form input {		float:left; 		width:259px; 		font-size:13px; 		line-height:1.23em;		color:#808080;		padding:5px 10px; 		margin:0; 		font-family:Arial, Helvetica, sans-serif; 		border:none;		background:#fff;		outline:none;		border-radius:2px;		-moz-border-radius:2px;		-webkit-border-radius:2px;	}	#contact-form textarea {		float:left;		height:380px; 		width:489px;		max-height:380px; 		max-width:489px;		min-height:380px; 		min-width:489px;		font-size:12px; 		line-height:1.25em;		color:#808080;		padding:5px 10px; 		margin:0; 		font-family:Arial, Helvetica, sans-serif; 		border:none;		background:#fff;		overflow:auto;		outline:none;		border-radius:2px;		-moz-border-radius:2px;		-webkit-border-radius:2px;	}.text-form {	float:left; 	display:block; 	font-size:13px;	line-height:26px;	width:70px; 	color:#7f7f7f;	font-family:Arial, Helvetica, sans-serif;}.buttons {padding:20px 10px 0 0; text-align:right;}.buttons a {margin-left:15px; padding:5px 32px 6px;}		/****************************footer************************/footer {	width:100%; 	padding:0 0 40px;	text-align:center;}	footer span {display:block;}#comment_form input, #comment_form textarea {    border: 4px solid rgba(0,0,0,0.1);    padding: 8px 10px;         -webkit-border-radius: 5px;    -moz-border-radius: 5px;    border-radius: 5px;         outline: 0;} #comment_form textarea, name="message" {    width: 350px;} #comment_form input[type="submit"] {    cursor: pointer;    background: -webkit-linear-gradient(top, #efefef, #ddd);    background: -moz-linear-gradient(top, #efefef, #ddd);    background: -ms-linear-gradient(top, #efefef, #ddd);    background: -o-linear-gradient(top, #efefef, #ddd);    background: linear-gradient(top, #efefef, #ddd);    color: #333;    text-shadow: 0px 1px 1px rgba(255,255,255,1);    border: 1px solid #ccc;} #comment_form input[type="submit"]:hover {    background: -webkit-linear-gradient(top, #eee, #ccc);    background: -moz-linear-gradient(top, #eee, #ccc);    background: -ms-linear-gradient(top, #eee, #ccc);    background: -o-linear-gradient(top, #eee, #ccc);    background: linear-gradient(top, #eee, #ccc);    border: 1px solid #bbb;} #comment_form input[type="submit"]:active {    background: -webkit-linear-gradient(top, #ddd, #aaa);    background: -moz-linear-gradient(top, #ddd, #aaa);  background: -ms-linear-gradient(top, #ddd, #aaa);   background: -o-linear-gradient(top, #ddd, #aaa);    background: linear-gradient(top, #ddd, #aaa);      border: 1px solid #999;}#comment_form div {    margin-bottom: 8px;}

файл post.php , находится в корне папки:

<? // ----------------------------конфигурация-------------------------- //  $adminemail="alex888xxx@yandex.ru";  // e-mail админа   $date=date("d.m.y"); // число.месяц.год  $time=date("H:i"); // часы:минуты:секунды  $backurl="http://kymakym.xyz/obratnaja+svjaz.html";  // На какую страничку переходит после отправки письма  //---------------------------------------------------------------------- //     // Принимаем данные с формы  $name=$_POST['name'];  $email=$_POST['email'];  $msg=$_POST['message'];     // Проверяем валидность e-mail  if (!preg_match("|^([a-z0-9_\.\-]{1,20})@([a-z0-9\.\-]{1,20})\.([a-z]{2,4})|is", strtolower($email)))   {    echo "<center>Вернитесь <a href='javascript:history.back(1)'><B>назад</B></a>. Вы указали неверные данные!";    }   else   {   $msg="   <p>Имя: $name</p>   <p>E-mail: $email</p>   <p>Сообщение: $msg</p>   ";      // Отправляем письмо админу   mail("$adminemail", "$date $time Сообщение от $name", "$msg");     // Сохраняем в базу данных  $f = fopen("message.txt", "a+");  fwrite($f," \n $date $time Сообщение от $name");  fwrite($f,"\n $msg ");  fwrite($f,"\n ---------------");  fclose($f);     // Выводим сообщение пользователю  print "<script language='Javascript'><!-- function reload() {location = \"$backurl\"}; setTimeout('reload()', 6000); //--></script>  $msg  <p>Сообщение отправлено! Подождите, сейчас вы будете перенаправлены на главную страницу...</p>";  exit;   }  ?>