Почему вываливается код после submit?

Question

[Артём]

Тестирую на XAMPP. После нажатия на sumbit снизу под формой вываливается код. JSFiddle. Почему вываливается и как убрать?

Выглядит это вот так:

или так:


PHP кусок:

<?php
    
    // Only process POST reqeusts.
    if ($_SERVER["REQUEST_METHOD"] == "POST") {
        // Get the form fields and remove whitespace.
        $name = strip_tags(trim($_POST["name"]));
				$name = str_replace(array("\r","\n"),array(" "," "),$name);
        $email = filter_var(trim($_POST["email"]), FILTER_SANITIZE_EMAIL);
        $message = trim($_POST["message"]);

        // Check that data was sent to the mailer.
        if ( empty($name) OR empty($message) OR !filter_var($email, FILTER_VALIDATE_EMAIL)) {
            // Set a 400 (bad request) response code and exit.
            http_response_code(400);
            echo "Oops! There was a problem with your submission. Please complete the form and try again.";
            exit;
        }

        // Set the recipient email address.
        $recipient = "[e-mail]";

        // Set the email subject.
        $subject = "New contact from $name";

        // Build the email content.
        $email_content = "Name: $name\n";
        $email_content .= "Email: $email\n\n";
        $email_content .= "Message:\n$message\n";

        // Build the email headers.
        $email_headers = "From: $name <$email>";

        // Send the email.
        if (mail($recipient, $subject, $email_content, $email_headers)) {
            // Set a 200 (okay) response code.
            http_response_code(200);
            echo "Thank You! Your message has been sent.";
        } else {
            // Set a 500 (internal server error) response code.
            http_response_code(500);
            echo "Oops! Something went wrong and we couldn't send your message.";
        }

    } else {
        // Not a POST request, set a 403 (forbidden) response code.
        http_response_code(403);
        echo "There was a problem with your submission, please try again.";
    }

?>

Answer 1

[Дмитрий Скорик]

Проблема тут:

if (data.responseText !== '') {
				$(formMessages).text(data.responseText);
			} else {
				$(formMessages).text('Упс! Что-то пошло не так, и Ваше сообщение не отправилось.');
			}

Закомментируйте - $(formMessages).text(data.responseText);
Проверяйте что приходит в data.responseText, если вы хотите другой текст вывести.

Comments

[Артём]

Закомментил. Помогло только со вторым вариантом. Первый, как на картинке, все равно вываливается.

[Дмитрий Скорик]

Артём: при каком условии у вас выходит 1 вариант? в jsfiddle не удалось воспроизвести

[Артём]

Дмитрий Скорик: если заведомо писать mail в неправильной форме. Например: asd@asd

[Дмитрий Скорик]

Артём: Только, что ввел данный e-mail в фидле, закомментировав строку выше и не получилось воспроизвести ошибку, а вообще, смотри, в какой блок выводится эта ошибка (через браузер), после этого смотрите в скрипте, что передается в данный блок и либо закомментируйте вывод либо проверяйте входящие данные.

Answer 2

[Дмитрий Евграфович]

Ваша аякс функция вставляет полученный ответ в блок вот тут примерно:
$(formMessages).text()

А почему вставляет не то, что вы пытаетесь выдать с помощью echo - Это уже вам надо разбираться... на скрине у вас вообще 404 ошибка, то есть запрос отправляется не туда, куда вы хотите, либо сервер настроен неверно.