@lakalov

Как запретить отправлять форму при заходе на сайт и обновлении старинцы?

Как запретить отправлять форму при заходе на сайт и обновлении старинцы?
Делал такую же форму на проекте, все работало. Сейчас при заходе на сайт или обновлении отправляет сразу.

<div class="popup__shadow">
        <div class="cards__intro4">
            <div class="container">
                <div class="container">
                    <div class="popups__inner">
                        <div class="popup callme__popup">
                            <a class="close__popup">x</a>
                            <h3>Перезвоните мне</h3>
                            <p> Оставьте заявку и мы свяжемся с Вами в ближайшее время</p>
                            <form id="form" name="form">

                                <input type="number" name="name" min="1" max="5000000.0" placeholder="Сумма" />
<!--                                <input type="text" name="name" placeholder="Категория" >-->
                                <select name="phone">
                                    <option value="Леруа">Леруа</option>
                                    <option value="Бензин">Бензин</option>
                                    <option value="Пожрать">Пожрать</option>
                                    <option value="ТК">ТК</option>
                                    <option value="ТК">Ипотека</option>
                                    <option value="ТК">Ипотека</option>
                                </select>
                                <input type="submit" value="Отправить" >
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


/ Отправка заявки
$(document).ready(function() {
    $('#form').submit(function() { // проверка на пустоту заполненных полей. Атрибут html5 — required не подходит (не поддерживается Safari)
        if (document.form.name.value == '' || document.form.phone.value == '' ) {
            valid = false;
            return valid;
        }
        $.ajax({
            type: "POST",
            url: "mail.php",
            data: $(this).serialize()
        }).done(function() {
            $('.js-overlay-thank-you').fadeIn();
            $(this).find('input').val('');
            $('#form').trigger('reset');

        });
        return false;
    });
});

// Закрыть попап «спасибо»
$('.js-close-thank-you').click(function() { // по клику на крестик
    $('.js-overlay-thank-you').fadeOut();
});

$(document).mouseup(function (e) { // по клику вне попапа
    var popup = $('.popup2');
    if (e.target!=popup[0]&&popup.has(e.target).length === 0){
        $('.js-overlay-thank-you').fadeOut();
    }
});


<?php
$to = "greenyar76@gmail.com"; // емайл получателя данных из формы
$tema = "Потрать денег и не ной"; // тема полученного емайла
$message = "Сумма: ".$_POST['name']."<br>";//присвоить переменной значение, полученное из формы name=name
$message .= "Категория: ".$_POST['phone']."<br>"; //полученное из формы name=phone
$headers = 'MIME-Version: 1.0' . "\r\n"; // заголовок соответствует формату плюс символ перевода строки
$headers .= 'Content-type: text/html; charset=utf-8' . "\r\n"; // указывает на тип посылаемого контента
mail($to, $tema, $message, $headers); //отправляет получателю на емайл значения переменных
$redirect = isset($_SERVER['HTTP_REFERER'])? $_SERVER['HTTP_REFERER']:'redirect-form.html';
header("Location: $redirect");
exit(); //редирект
?>
  • Вопрос задан
  • 88 просмотров
Пригласить эксперта
Ответы на вопрос 1
mahmudchon
@mahmudchon
Вместо этого,
$('#form').submit(function() {

в вашем случае, должно быть это:
$('#form').on("submit", function() {
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы