index.html

<div class="row">
<div class="col-md-12">
    <!-- Форма ввода данных -->
    <form method="post" id="send_form">
    <div class="row">
    <div class="col-md-6 textinput">
        <p>Имя<span>*</span></p>
        <input type="text" name="name" id="name">
    </div>

send.php

<?php
$name = "не определено";
$email = "не определен";
$msg = "не определен";
if(isset($_POST["name"])) {
    $name = $_POST["name"];
}
if(isset($_POST["email"])) {
    $email = $_POST["email"];
}
if(isset($_POST["msg"])) {
    $msg = $_POST["msg"];
}
$name = trim(urldecode(htmlspecialchars($name)));
$email = trim(urldecode (htmlspecialchars($email)));
$msg = trim(urldecode (htmlspecialchars($msg)));

if (mail("Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в вашем браузере должен быть включен Javascript.", "Новый запрос на создание сайта",
"<h1>На вашем сайте была составлена заявка<h/h1>
<br>от: ".$name."
<br>e-mail: ".$email."
<br>пользователь оставил комментарий ".$msg."
<br>Поздравляю с новой заявкой!",
"From: 1c-webdevelopment.ru\r\n". "Content-type: text/html\r\n"))
{
    // Отправка произошла успешно
    echo '{"status": "ok"}';
} else {
    // Отправка не состоялась
    echo '{"status": "error"}';
}

?>

script.js

$(".submit").on("click", function (event) {
    if ($('#name').val() != '' && $('#email').val() != '') {
        fetch('send.php', {
            method: 'POST',
            headers: {
                'Content-Type': 'application/x-www-form-urlencoded'
            },
            body: $("#send_form").serialize(),
        })
        .then((response) => response.json())
        .then((data) => {
            if (data.status === 'ok') {
                $("#send_form").addClass("send_success");
                setTimeout(() => $("#send_form").removeClass("send_success"), 4000);
            }
            if (data.status === 'error') {
                $("#send_form").addClass("send_fail");
                setTimeout(() => $("#send_form").removeClass("send_fail "), 4000);
            }
        })
    } else {
        alert("Заполните обязательные поля!");
    }
})

style.css

.send_success {
    padding: 2%;
    box-shadow: 0 0 10px rgba(1, 255, 1, 0.3);
    border: 2px solid rgba(1, 255, 1, 0.3);
}

.send_fail {
    padding: 2%;
    box-shadow: 0 0 10px rgba(255, 1, 1, 0.3);
    border: 2px solid rgba(255, 1, 1, 0.3);
}

#send_form{
    transition: all 1s ease-out;
}

http://ulspo.beget.tech/send.php?email=Адрес электронной почты защищен от спам-ботов. Для просмотра адреса в вашем браузере должен быть включен Javascript.&name="ALX"&msg=message_from_php

Отправка форм send.php