Если есть просто ошибки, то отправляйте письмо - Веб-строительство

PHPMailer, jQuery + AJAX обработка формы

REDGROUP · 2021-05-30T17:02:06.0000000Z

Всем привет! Делаю обработку формы с помощью AJAX , при отправке формы я получаю следующую ошибку из JS дебага: {"readyState":4,"responseText":"","status":200,"statusText":"parsererror"} Спустя часы сёрфинга гугла и stackoverflow , я так и не нашёл решения своей проблемы, но пришёл к выводу, что ошибка на стороне PHP обработчика. Буду благодарен за любую помощь связанную с данной темой, потому что уже всю голову сломал и не очень понимаю в чём проблема ;( К этому выводу я пришёл потому что если в методе success в AJAX -запросе указывать data, и если смотреть вкладку Network там всё нормально вроде как.. PHP-код: <?php use PHPMailer\PHPMailer\PHPMailer; use PHPMailer\PHPMailer\Exception; require_once('PHPMailer/Exception.php'); require_once('PHPMailer/PHPMailer.php'); require_once('PHPMailer/SMTP.php'); if(empty($_SERVER['HTTP_X_REQUESTED_WITH']) || $_SERVER['HTTP_X_REQUESTED_WITH'] != 'XMLHttpRequest') { exit(); } if ($_SERVER['REQUESTED_METHOD'] != 'POST') { exit(); } if($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['name']) && isset($_POST['message'])) { function secure_input($data) { $data = trim($data); $data = filter_var($data, FILTER_SANITIZE_STRING); $data = str_replace(array("\r", "\n"), array(" ", " "), $data); $data = stripslashes($data); $data = htmlspecialchars($data); return $data; } $name = secure_input($_POST["name"]); $message = secure_input($_POST["message"]); if(!empty($_FILES['attachment'])) { $file_name = $_FILES['attachment']['name']; $file_tmp_name = $_FILES['attachment']['tmp_name']; $file_size = $_FILES['attachment']['size']; if($file_size < '2048000') { $file_path = move_uploaded_file($file_tmp_name, $file_name); }else{ print json_encode(['error'=>1,'msg'=>"Oops! File upload size exceeded...", $file_size]); exit; } } $mail = new PHPMailer(true); $mail->CharSet = 'UTF-8'; $mail->IsSMTP(); $mail->SMTPDebug = 4; $mail->SMTPAuth = TRUE; $mail->SMTPSecure = "ssl"; $mail->Port = 465; $mail->Username = "smtp.user"; $mail->Password = "smt.pass"; $mail->Host = "smtp.domain.com"; $mail->Mailer = "smtp"; $mail->SetFrom("email@domain.com"); $mail->AddReplyTo($_POST["email"]); $mail->AddAddress("my@gmail.com"); $mail->IsHTML(true); $mail->Subject = ("MyForm Subject"); $mail->Body = " < h1 > Hello dear admin! </ h1 > < p > I am your personal mail delivery robot. </ p > < b > I have something new for you submitted from the form myForm </ b > Message: < p > $message </ p > "; $mail->WordWrap = 80; $mail->MsgHTML($_POST["message"]); if (is_array($_FILES['attachment'])) { $mail->AddAttachment($file_tmp_name, $file_name); } if (!$mail->send()) { $message = 'Error'; }else{ $message = 'Email sent successfully'; } } $response = ['message' => $message]; header('Content-type: application/json'); echo json_encode($response); jQuery-код: $(document).ready(function() { $( "#submitMyForm" ).click(function(e) { e.preventDefault(); jQuery.validator.addMethod( "validDate" , function( value , element) { return this .optional(element) || moment( value , "MM/DD/YY" ).isValid(); }, "Please enter a valid date in the format MM/DD/YY" ); jQuery.validator.addMethod( "phoneTest" , function( value , element) { if (/$?([ 0 - 9 ]{ 3 })$?([ .-]?)([ 0 - 9 ]{ 3 })\ 2 ([ 0 - 9 ]{ 4 })/.test( value )) { return true ; } else { return false ; }; }, "Invalid phone number" ); $( "#myForm" ).validate({ rules: { scheduleAudience: { required: true , }, date: { required: true , validDate: true }, time: { required: true }, fName: { required: true , lettersonly: true , minlength: 2 , maxlength: 30 }, lName: { required: true , lettersonly: true , minlength: 2 , maxlength: 30 }, email: { required: true , email: true }, phone: { required: true , phoneTest: true }, preferences: { required: true }, message: { required: true , minlength: 20 , maxlength: 500 }, messages: { fName: { minlength: "Please, provide information with minimum - 2 Characters" , maxlength: "Please, provide information with maximum - 30 Characters" }, lName: { minlength: "Please, provide information with minimum - 2 Characters" , maxlength: "Please, provide information with maximum - 30 Characters" }, message: { minlength: "Please, provide information with minimum - 20 Characters" , maxlength: "Please, provide information with maximum - 500 Characters" } }, } }); if ((!$( '#myForm' ).valid())) { return false ; } if (($( '#myForm' ).valid())) { var formData = $( "#myForm" ).serialize(); var URL = $( "#myForm" ).attr( "action" ); $.ajax({ url: URL, type: "POST" , data: formData, cache: false , processData: false , contentType: false , success: function(data) { alert(JSON.stringify(response)); if (response.status == 1 ) { swal({ title: "Good job!" , text: "We will get in touch with you soon" , icon: "success" , }); } }, error: function(response) { alert(JSON.stringify(response)); } }); } }) $( "#attachment" ).change(function() { var file = this .files[ 0 ]; var fileType = file.type; var match = [ 'image/jpeg' , 'image/jpg' , 'image/png' ]; if (!((fileType == match[ 0 ]) || (fileType == match[ 1 ]) || (fileType == match[ 2 ]))) { swal({ title: "Invalid file format" , text: "Sorry, only JPEG, JPG and PNG files are allowed to upload!" , icon: "error" , }); $( "#attachment" ).val( '' ); return false ; } }); }); HTML-форма (инпуты name совпадают 100%, во вкладке Network информация в Payload/FormData есть). < form class= "contact100-form validate-form" id= "myForm" name= "myForm" action= "URL_TO_PHPSCRIPT" method= "post" > SMTP-данные 100% корректные, если я использую например форму отсюда https://phppot.com/jquery/jquery-contact-form-with-attachment-using-php/ письма отправляются, а в моём коде видимо какая-то проблема. Валидация на стороне клиента работает без проблем. Благодарю всех за внимание и буду очень благодарен за любую помощь и подсказки. P.S. , я сократил количество переменных в PHP коде, чтобы было удобнее читать код, с переменными и их name точно проблем нет, перепроверял и не раз.

W1

306

webinfo

30 мая 2021, 17:50

#11

REDGROUP #:
Надеюсь не нарушаю правила форума использую shorten url

Вы их не нарушите, даже если будете использовать нормальный URL.

Мой форум - https://webinfo.guru –Там я всегда на связи

1774

LEOnidUKG

30 мая 2021, 17:52

#12

Вообще по хорошему, надо просто завести переменную $error и в неё всё складывать. Exit() тут явно лишние.

Сделать проверку, если нет ошибок то отправлять письмо. Если есть просто $responet = $error

✅ Мой Телеграм канал по SEO, оптимизации сайтов и серверов: https://t.me/leonidukgLIVE ✅ Качественное и рабочее размещение SEO статей СНГ и Бурж: https://getmanylinks.ru/ ✅ Настройка и оптимизация серверов https://getmanyspeed.ru/

14

REDGROUP

30 мая 2021, 17:57

#13

LEOnidUKG #:

Первая строчка в файле должна быть:

Далее уже выводите в JSON формате ошибки.

Сейчас так и сделано, это самая первая строчка после открывающего тега <?php

Но на работе не сказывается.

У меня как я понимаю проблема с response.

14

REDGROUP

30 мая 2021, 18:04

#14

Как я понимаю мне нужно сделать следующее

<?php

$response = array(
  'status' => 0,
  'message' => 'Form submission failed'
);
$errorEmpty = false;
$erroEmail = false;

После этого внутри проверки

if($_SERVER['REQUEST_METHOD'] == 'POST' && isset($_POST['name']) && isset($_POST['message'])) {

Сделать следующее. Например добавить

        if(!filter_var($email, FILTER_VALIDATE_EMAIL)) {
          $response['message'] = "Invalid email!";
          $erroEmail = true;
        }

И в самом конце

echo json_encode($response);

Правильно ли я мыслю? Простите за глупый вопрос(

A

1

Amarilydi

30 мая 2021, 20:29

#15

REDGROUP #:

Как я понимаю мне нужно сделать следующее

После этого внутри проверки

Сделать следующее. Например добавить

И в самом конце

Правильно ли я мыслю? Простите за глупый вопрос(

Да, вы правильно мыслите.

W1

306

webinfo

30 мая 2021, 20:54

#16

Amarilydi #:
Да, вы правильно мыслите.

В каком месте правильно?

14

REDGROUP

31 мая 2021, 09:54

#17

Проблема решилась через

$unserialized = array();
parse_str($_POST['formData'], $unserialized);
echo json_encode(array('success' => 1));

$message = secure_input($unserialized["message"]);

Письма отсылаются, только у меня ещё вопрос.
htmlspecialchars и прочее работают с сериализацией?
И как заставить работать $_FILES с сериализацией?

14

REDGROUP

1 июня 2021, 14:20

#18

Всем спасибо, проблема решена.

D

1114

Dram

2 июня 2021, 04:30

#19

Просто в глаза бросилось

$data = str_replace(array("\r", "\n"), array(" ", " "), $data);

Зачем второй массив? Разве не так нужно?

$data = str_replace(array("\r", "\n"), " ", $data);

1

14

REDGROUP

2 июня 2021, 20:52

#20

Dram #:

Просто в глаза бросилось

Зачем второй массив? Разве не так нужно?

Исправил, спасибо большое

Все что нужно знать о DDоS-атаках грамотному менеджеру

Яндекс Вебмастер вынес товарные фиды в отдельный раздел

PHPMailer, jQuery + AJAX — обработка формы