В чем ошибка такой отправки формы?

Question

[QWERTY01]

Как правильно реализовать такую логику?
Проверить поле на корректность введенного номера телефона, и если номер телефона не корректен, то запретить отправку формы.

Вот как я реализовал это, но алерт не отрабатывает и форма не отправляется на почту, страница просто перезагружается.
P.s. если убрать код, который проверяет поле на корретность номера, то все работает.

window.onload = function () {

    var inputsNumb = document.querySelector('.check[name=phone]');

    document.querySelector(".form").addEventListener("submit", function (e) {
        var regex = /^(\s*)?(\+)?([- _():=+]?\d[- _():=+]?){10,14}(\s*)?$/;

            if (!regex.test(inputsNumb.value)) {
                inputsNumb.value = '';
                inputsNumb.placeholder = 'введите телефон';
                e.preventDefault();
            }
            else{
            $(".form").submit(function () {
                $.ajax({
                    type: "POST",
                    url: "mail.php",
                    data: $(this).serialize()
                }).done(function () {
                    alert("форма отправлена");
                });
                return false;
            });
        }
    });
}

Comments

[Сергей delphinpro]

e.preventDefault();
всегда должен отрабатывать, а не по условию. вам же не нужно отправлять форму стандартным способом в любом случае (ошибка/нет ошибки)

[Сергей delphinpro]

и это лишнее $(".form").submit(function () {

[QWERTY01]

Сергей delphinpro,

(ошибка/нет ошибки)

не совсем понял, так как же правильно?

[Сергей delphinpro]

QWERTY01, Вам НЕ нужно отправлять форму, если есть ошибка, и если нет ошибки, ТОЖЕ НЕ нужно оправлять форму стандартным способом, с перезагрузкой страницы. Значить вам нужно предотвратить стандартное поведение сабмита. Значит preventDefault должен вызываться всегда. Безо всяких условий. Теперь ясно?

[QWERTY01]

Сергей delphinpro, спасибо за совет

Answer 1

[holodoz]

В начале нужно запретить поведение по умолчанию, собственно отправку формы
e.preventDefault();