[Diiim]

Доброго времени, уважаемые форумчане! Подскажите что я делаю не так!

Есть простая форма с отправкой данных на ajax? дописал к ней валидацию полей, но форма перестала отправлять. Валидация прекрасно работает.

Я так подозреваю что дело в условии, или может как то ajax засунуть в функцию.

$(document).ready(function() {
 
   $("#userPhone").inputmask("+7 (999) 999-9999", {
      "clearIncomplete": true
   });
 
   $('form').submit(function(e) {
 
    e.preventDefault();
 
    var nameName = $('#userName').val();
    var phonePhone = $('#userPhone').val();
 
    $(".error").remove();
 
    if (nameName.length < 5) {
      $('#userName').after('<span class="error">Минимум 5 символов</span>');
    }
    if (phonePhone.length < 10) {
      $('#userPhone').after('<span class="error">Минимум 10 цифр</span>');
    }
 
    if (nameName.length > 5 && phonePhone.length > 10) { // Где то здесь начинается неправильно
       
        // Собираю данные с полей
        var user_name    = $('#userName').val();
        var user_phone   = $('#userPhone').val();
 
        $.ajax({
            url: "form.php", // куда отправляем
            type: "post", // метод передачи
            dataType: "json", // тип передачи данных
            data: { // что отправляем
                "user_name":    user_name,
                "user_email":   user_phone
            },
            // после получения ответа сервера
            success: function(data){
                $('.messages').html(data.result); // выводим ответ сервера
            }
        });
    }
 
  });
 
});

<input type="text" class="form-control in-put" name="userName" id="userName">
<input type="text" class="form-control in-put" name="userPhone" id="userPhone">
<input type="submit" class="js-task-form-submit" value="Отправить заявку">