<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<title>Форма обратной связи</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<h1>Связь с нами</h1>
<form>
<input type="email" id="email" name="email" placeholder="Введите ваш Email" class="form-control"><br>
<input type="text" id="name" name="name" placeholder="Введите имя" class="form-control"><br>
<input type="phone" id="phone" name="phone" placeholder="Введите телефон" class="form-control"><br>
<textarea name="message" id="message" placeholder="Ваше сообщение" class="form-control"></textarea><br>
<button type="button" id="Send" class="btn btn-success">Отправить</button>
</form>
<div id="Error"></div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="js/Mail.js"></script>
</body>
</html>$("#Send").on("click", function(){
var email = $("#email").val().trim();
var name = $("#name").val().trim();
var phone = $("#phone").val().trim();
var message = $("#message").val().trim();
if(email.length < 4){
$("#Error").text("Неверный email");
return false;
}else if(name.length < 2){
$("#Error").text("Имя не менее 2 символов");
return false;
}else if(phone == ""){
$("#Error").text("Введите телефон");
return false;
}else if(message.length < 10){
$("#Error").text("Текст сообщения не менее 10 символов");
return false;
}
$("Error").text("");
$.ajax({
url: 'php/save_data.php',
type: 'Post',
cache: false,
data: {'name':name,'email':email,'phone':phone,'message':message},
dataType: 'html',
beforeSend: function() {
$("#Send").prop("disabled",true)
},
success: function(data) {
alert(data);
$("#Send").prop("disabled",false)
}
})
});<?php
echo "Сообщение отправлено!";
// получаем данные от js
$email = $_Post['email'];
$name = $_Post['name'];
$phone = $_Post['phone'];
$message = $_Post['message'];
// параметры подключения
$host = 'localhost';
$database = 'test';
$user = 'root';
$password = '';
// создаем подключение
$link = mysqli_connect($host, $user, $password, $database);
if (!$link) {
echo "Ошибка: Невозможно установить соединение с MySQL." . PHP_EOL;
echo "Код ошибки errno: " . mysqli_connect_errno() . PHP_EOL;
echo "Текст ошибки error: " . mysqli_connect_error() . PHP_EOL;
exit;
}
echo "Соединение с MySQL установлено!" . PHP_EOL;
echo "Информация о сервере: " . mysqli_get_host_info($link) . PHP_EOL;
// выполняем операции с базой данных
$query = "INSERT INTO 'message' ('name', 'email', 'phone', 'message')
VALUES('{$name}', '{$email}', '{$phone}', '{$message}')";
if(mysqli_query($link, $query))
{
echo "Запись добавлена!";
}
// закрываем подключение
mysqli_close($link);
?>
$query = "INSERT INTO 'message' ('name', 'email', 'phone', 'message')
VALUES('{$name}', '{$email}', '{$phone}', '{$message}')";
<?php
require 'mysqli.php';
$query = "INSERT INTO message (name, email, phone, message) VALUES(?,?,?,?)";
$stmt = $mysqli->prepare($query);
$stmt->bind_param("ssss", $name, $email, $phone, $message);
$stmt->execute();
echo "Запись добавлена!";
Простой
