pvolyntsev · June 6, 2016 13:31 · Jun 6, 2016 · Jun 6, 2016 · Jun 6, 2016 · Jun 6, 2016
diff --git a/readme.md b/readme.md
@@ -4,10 +4,10 @@
 
 --
 [ [webmentor.pro](http://webmentor.pro/) ]
-Наставник и ментор по веб-технологиям
-Помощь в изучении веб-технологий
-Ревью кода Javascript Python NodeJS PHP HTML 
-Консультации по проектированию и реализации веб-проектов
-Разработка индивидуальных планов самостоятельного изучения 
-Передача навыков удалённой работы
-Передача навыков командной веб-разработки
++ Наставник и ментор по веб-технологиям
++ Помощь в изучении веб-технологий
++ Ревью кода Javascript Python NodeJS PHP HTML 
++ Консультации по проектированию и реализации веб-проектов
++ Разработка индивидуальных планов самостоятельного изучения 
++ Передача навыков удалённой работы
++ Передача навыков командной веб-разработки
diff --git a/readme.md b/readme.md
@@ -3,4 +3,11 @@
 Для вопроса https://toster.ru/q/298504
 
 --
-Веб-ментор, наставник [ [webmentor.pro](http://webmentor.pro/) ]
+[ [webmentor.pro](http://webmentor.pro/) ]
+Наставник и ментор по веб-технологиям
+Помощь в изучении веб-технологий
+Ревью кода Javascript Python NodeJS PHP HTML 
+Консультации по проектированию и реализации веб-проектов
+Разработка индивидуальных планов самостоятельного изучения 
+Передача навыков удалённой работы
+Передача навыков командной веб-разработки
diff --git a/readme.md b/readme.md
@@ -2,4 +2,5 @@
 
 Для вопроса https://toster.ru/q/298504
 
-Веб-ментор, наставник [ (webmentor.pro)[http://webmentor.pro/] ]
+--
+Веб-ментор, наставник [ [webmentor.pro](http://webmentor.pro/) ]
diff --git a/readme.md b/readme.md
@@ -0,0 +1,5 @@
+# Пример кода, реализующего отправку email с сайта через AJAX запрос
+
+Для вопроса https://toster.ru/q/298504
+
+Веб-ментор, наставник [ (webmentor.pro)[http://webmentor.pro/] ]
diff --git a/feedback.js b/feedback.js
@@ -20,7 +20,7 @@ $(document).ready(function(){
 });
 
 function feedback_validate() {
-  var result = false; // по умолчанию форма должна считаться невалидной
+  var result = true;
   var f_names = ["#name-input", "#email-input", "#phone-input"];
   var el;
 

diff --git a/feedback.html b/feedback.html
@@ -0,0 +1,19 @@
+<div class="b-form-wrap">
+  <p id="validation-fail-msg">Please, fill in the missing fields.</p>
+  <form novalidate id="feedback-form">
+    <div class="b-form-box">
+      <p class="form-box__text form-box__text_no-pad">What's your name?<sup class="form-box__sup">*</sup></p>
+      <input type="text" name="name" maxlength="30" required id="name-input" class="form-box__input-field">
+      <p class="form-box__text">What's your phone number?<sup class="form-box__sup">*</sup></p>
+      <input type="text" name="phone" maxlength="30" required id="phone-input" class="form-box__input-field">
+      <p class="form-box__text">What's your email?<sup class="form-box__sup">*</sup></p>
+      <input type="text" name="email" maxlength="50" required id="email-input" class="form-box__input-field">
+    </div>
+    <div class="b-form-box b-form-box_left-mrg">
+      <p class="form-box__text form-box__text_no-pad">How can I help you?</p>
+      <textarea name="text" class="form-box__input-field form-box__input-field_textarea"></textarea>
+    </div>
+    <input type="submit" class="form-box__button" value="Beautify me"><!-- <input type="submit" > вместо <button> -->
+    <p id="validation-success-msg">Thanx, I'll contact you very soon.</p>
+  </form>
+</div>
diff --git a/feedback.js b/feedback.js
@@ -0,0 +1,48 @@
+$(document).ready(function(){
+  $("#feedback-form").submit(function(e){ // привязать обработку на submit а не на click
+    e.preventDefault();
+    if (feedback_validate()){
+      $.ajax({
+        type: "POST",
+        url: "php/feedback.php",
+        data: $(this).serialize()
+      }).done(function() {
+          $(this).find("input").val("");
+          $('#validation-success-msg').show('fast');
+          $("html, body").animate({
+            scrollTop: $(document).height()
+          }, "slow");
+          $("#feedback-form").trigger("reset");
+        });
+    }
+    return false;
+  });
+});
+
+function feedback_validate() {
+  var result = false; // по умолчанию форма должна считаться невалидной
+  var f_names = ["#name-input", "#email-input", "#phone-input"];
+  var el;
+
+  f_names.forEach(function(item) {
+      el = $(item);
+      if (el.val() == "") {
+        result = false;
+        el.addClass("validation-error");
+      } else {
+        el.removeClass("validation-error");
+      }
+  });
+
+  if (result) {
+    $("#validation-fail-msg").hide();
+  } else {
+    $("#validation-fail-msg").show();
+
+    $('html, body').animate({
+        scrollTop: $("#validation-fail-msg").offset().top
+    }, 1000);
+  }
+
+  return result;
+}
diff --git a/feedback.php b/feedback.php
@@ -0,0 +1,17 @@
+$recepient = "email here";
+$sitename = "site here";
+
+$name = trim($_POST["name"]);
+$phone = trim($_POST["phone"]);
+$email = trim($_POST["email"]);
+$text = trim($_POST["text"]);
+
+$subject = "A new submission from \"$sitename\"";
+$message = "Name: $name \nPhone number: $phone \nEmail: $email \nText: $text";
+$headers = array(
+  "Content-type: text/plain; charset=\"utf-8\"",
+  "From: $recepient",
+  "Reply-To: $email", // чтобы при попытке ответить на письмо был подставлен адрес пользователя
+);
+
+mail($recepient, $subject, $message, implode("\r\n", $headers));