Подтвердить форму электронной почты + автоматическая пересылка - PullRequest
Новая
       9

Подтвердить форму электронной почты + автоматическая пересылка

0 голосов
/ 17 октября 2019

Я хочу, чтобы пользователь ввел действительный адрес электронной почты и впоследствии был перенаправлен на новую подстраницу. Прямо сейчас, не имеет значения, что именно вводится, кнопка пересылает всех автоматически. Что я делаю не так? 

<div class="hero-copy">
    <form id="email_form" action="php/save_email.php" method="post"></form>
    <div class="hero-form newsletter-form-top field field-grouped is-revealing" style="visibility: inherit">
        <div class="control control-expanded">
            <input class="input" type="email" name="email" id="input_email" placeholder="Ihre E-Mail Addresse" required style="min-width: 230px">
        </div>
        <div class="control">
            <a class="button button-primary button-block button-shadow reg_email">Kostenfrei Testen </a>
        </div>
    </div>
</div>

<script>
        $(".reg_email").click(function() {
        var form = $("#email_form");

        if (form.checkValidity && !form.checkValidity()) {
            form.find(":invalid").first().focus();
            event.preventDefault();
        }


        var email = $("#input_email").val();
        console.log("Handler for .click() called. " + email);
        $.ajax({
            type: "POST",
            url: "php/save_email.php",
            data: {
                'email': email
            },
            cache: false,
            success: function(response) {
                console.log(response);
                $(".reg_email").html("Danke! Sie werden nun weitergeleitet.");
                $(".reg_email").css("background", "#1ADAB7");
                setTimeout(function() {
                    window.location = "https://advofirst.de/preisgestaltung/"
                }, 3000);
            },
            error: function(XMLHttpRequest, textStatus, errorThrown) {
                console.log(errorThrown);
            }
        });
    });
</script>
...