не получается правильно реализовать отправку писем на email вместе с валидатором форм

Я совсем новичок в javascript. Проблема вот в чём. Я распишу всё подробно и по порядку. Я создал форму в html странице, застилизовал и тд и дальше воспользовался валидатором, для того, чтобы когда вводятся данные он их фильтровал и говорил ошибки (например если неправильно указан email), для этого использовал плагин jQuery Validation, на всякий случай и код приложу:

$(document).ready(function(){ 
 function validateForms(form) {
          $(form).validate({
              rules: {
                  name: "required",
                  phone: "required",
                  email: {
                      required: true,
                      email: true
                  }
              },
              messages: {
                  name: "Пожалуйста, введите своё имя",
                  phone: "Полажуйста, введите ваш телефон",
                  email: {
                      required: "Пожалуйста, введите свой email",
                      email: "ваш email должен быть в формате: [email protected]"
                  }
              }
          });
      }

      validateForms('#first_form');
      validateForms('#consultation form');
      validateForms('#order form');

Валидатор работает отлично, там текст свой подставил, немного со стилями поработал и даже адаптировал, всё работает хорошо.

Далее я хотел реализовать отправку писем. Для этого использовал плагин mailer, который вроде работает на php. В js же после этого прописан следующий код:

$('form').submit(function(e) {
        e.preventDefault();
        $.ajax({
            type: "POST",
            url: "mailer/smart.php",
            data: $(this).serialize()
        }).done(function() {
            $(this).find("input").val("");
            $('#consultation, #order').fadeOut();
            $('.overlay, #thanks').fadeIn('fast');


            $('form').trigger('reset');
        });
        return false;
    });


});

сам mailer я тоже настроил и отправка писем работает. Т.е я заполняю данные (имя, email, телефон) и они приходят на указанную почту с указанной почты.

НО проблема вот в чём. Как вы могли заметить, код указан друг за другом, а из этого получается, что у меня срабатывает валидатор, но не обращая на него внимание работает и следующий код, отвечающий за отправку писем! Например если я не правильно ввёл email, валидатор сообщает мне об этом там сообщение в красной рамочке выдаёт но всё равно это отправляется на email.

Я пытался создать условие, при котором если срабатывает валидатор, не отправляется письмо. Я пытался сделать это с помощью label с классом .error, который возникает как раз таки в результате работы валидатора

вот код который я пытался применить и который естественно не работал:

$('form')(function() {
        if ($(this).find(".error")) {

        } else {
            $('form').submit(function(e) {
                e.preventDefault();
                $.ajax({
                type: "POST",
                url: "mailer/smart.php",
                data: $(this).serialize()
            }).done(function() {
                $(this).find("input").val("");
                $('#consultation, #order').fadeOut();
                $('.overlay, #thanks').fadeIn('fast');
    
    
                $('form').trigger('reset');
            });
            return false;
            });
        }
    });

Забыл написать, хоть это наверное и так видно, использовал jquery) Помогите пожалуйста советом, как реализовать мою задумку правильно (чтобы сначала проработал валидатор, а после шла отправка), почему не работает мой код и любую критику по этому поводу. И простите пожалуйста за моё сочинение )