Простейшая форма обратного звонка, Bootstrap 4

20 октября 2019

Простейшая форма обратного звонка, подойдет любому сайту. Стиль от Bootstrap 4, но можно переделать как угодно.

В корень сайта положить файл sendmail1.php с таким кодом

<?
	$back = "<p><a href=\"javascript: history.back()\">Вернуться назад</a></p>";
	$kuda='mail@mail.ru';//куда отправлять почту?
	$zagolovok='Заказ звонка';
	$headers='Content-type: text/html; charset="utf-8"';
	if (isset($_POST['ok'])){
		//если существует переменная, значит начнем получать информацию из формы
		$fio=$_POST['fio'];
		$tel=$_POST['tel'];		
		$messages="Телефон: ".$tel."<br> Имя: ".$fio;
		if (mail($kuda,$zagolovok,$messages,$headers)){echo "<center><h1>Спасибо за обращение! Мы свяжемся с Вами в ближайшее время.</h1> $back</center>";}
	}
?>

Код вывода формы

<form class="pt30" method="post" action="sendmail1.php">
	<div class="form-row">
		<div class="col">
			<input name="fio" type="text" class="form-control" placeholder="Имя" required>
		</div>
		<div class="col">
			<input name="tel" type="text" class="form-control" placeholder="Телефон" required>
		</div>
		<div class="col">
			<input type="submit" name="ok" class="btn btn-outline-danger btn-block" value="Отправить" />
		</div>
	</div>
</form>
<script>
	function checkParams() {
		var fio = $('#fio').val();
		var tel = $('#tel').val();
		if (fio.length != 0 && tel.length >= 10) {
			$('#submit').removeAttr('disabled');
			} else {
			$('#submit').attr('disabled', 'disabled');
		}
	}
</script>