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

20 октября 2019

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

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

 <?
    &back = "<p--><a href="\"javascript:" history.back()\"="">Вернуться назад</a><p></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>