Доброго времени, уважаемые форумчане! Подскажите что я делаю не так!
Есть простая форма с отправкой данных на 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="Отправить заявку">
