Почему не срабатывает ajax запрос?

Question

[Дмитрий Поляков]

Скрипт не отправляет данные и страница перезагружается

var form = document.getElementById('formID'); // form has to have ID: <form id="formID">
form.noValidate = true;
form.addEventListener('submit', function(event) { // listen for form submitting
        if (!event.target.checkValidity()) {
            event.preventDefault(); // dismiss the default functionality
            alert('Please, fill the form'); // error message
        } else {
            $.ajax({
                type: "POST",
                url: "rest.php",
                data: $('.sender').serialize()
            }).done(function() {
                $('#modal_form').html('<div class="sent"><p>Мы отправим Вам демонстрацию <br>в течении 15 минут!</p></div>');
            });
            return false;
        }
    }, false);

Answer 1

[Дмитрий Лузанов]

Не в условии надо, а сразу.

form.addEventListener('submit', function(event) {
  event.preventDefault()
  // а потом все остальное

У вас ветвь else без остановки дефолтного события -___-

Comments

[Дмитрий Поляков]

вашу ж машу, сколько нервов. А сейчас очевидно, что вместо отправки срабатывает дефолтный submit.
Нижайший вам мой : )