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

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

0 голосов
/ 23 октября 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>
...