JSFiddle - React, Tailwind, and code Playground

by Aleksandr Seryakov

JavaScript

$('form').submit(function(e) {

  e.preventDefault();

  var th = $(this);
  var inputs = th.find('input');

  inputs.each(function(i, el) {

    if ($(el).val() == '') {
    
      $(el).addClass('error');
      
    } else {
    
      $(el).removeClass('error');
      
    }

    if ($('.error').length == 0) {

      $.ajax({
        type: "POST",
        url: "mail.php",
        data: th.serialize()
      }).done(function() {
      
        // здесь открывать попап при успешном заполнении и отправке
        
        setTimeout(function() {
          th.trigger("reset");
        }, 2000);
      });

    }

  });

});