Тема: jQuery validation
Показать сообщение отдельно
  #1 (permalink)  
Старый 17.02.2016, 19:38
Новичок на форуме
Отправить личное сообщение для amjke Посмотреть профиль Найти все сообщения от amjke
 
Регистрация: 17.02.2016
Сообщений: 2

jQuery validation
Скрипт состоит из двух функций:

Проблематика:
После загрузки страницы при пустых полях при первом нажатии на отправку формы запускается функция ajax() и вместо того, чтобы валидация val1() выдала значение false - она выдает значение true (m=0) и происходит дальнейшее выполнение функции ajax() - он лезет в send.php и возвращается с ошибкой.
При повторной попытке нажать на кнопку отправки формы валидация работает правильно, меняет значение m на 1 и показывает пользователю, что поля заполнены неправильно.

Нутром чую, что-то не так с переменной m. Можно ли вообще от нее избавиться?


Что нужно поменять в коде, чтобы при первом запуске валидация работала правильно?

function ajax() { //Ajax отправка формы
t=val1();
if (t===true) {
    var name = $("#name").val();
    var mail = $("#mail").val();
    var phone = $("#phone").val();
	//if (name <> NULL and )
    $.ajax({
        type: "POST",
        data: {name: name, mail: mail, phone: phone} ,
        url: "./send.php",
       success: function(data) {
		 
            $("#name").val('');
            $("#mail").val('');
            $("#phone").val('');
			
			$("#topresults").fadeIn();
            $("#topresults").html(data).delay(2000).fadeOut("slow");

           
        },
        error:  function(xhr, str){
            alert("Возникла ошибка!");
        }
    });
}
}

function val1(){ //Валидация формы
var m=0;

    $("#topfforma").validation(
        $("#name").validate({
            test: "blank letters", 
             invalid: function(){
				 m=1;
				//alert(m);
                if($(this).nextAll(".error").notExists()) {
                    $("#name").after('<div class="error">Введите корректное имя</div>');
                    $(this).nextAll(".error").delay(2000).fadeOut("slow");
                    setTimeout(function () {
                        $("#name").next(".error").remove();
                    }, 2600);
                }
            },
            valid: function(){
                $(this).nextAll(".error").remove();
            }
        }),
        $("#mail").validate({
            test: "blank email",
             invalid: function(){
				 m=1;
                if($(this).nextAll(".error").notExists()) {
                    $(this).after('<div class="error">Введите корректный email</div>');
                    $(this).nextAll(".error").delay(2000).fadeOut("slow");
                    setTimeout(function () {
                        $("#mail").next(".error").remove();
                    }, 2600);
                }
            },
            valid: function(){
                $(this).nextAll(".error").remove();
            }
        }),
       
        $("#phone").validate({
            test: "blank", 
             invalid: function(){
				 m=1;
                if($(this).nextAll(".error").notExists()) {
                    $(this).after('<div class="error">Введите телефон</div>');
                    $(this).nextAll(".error").delay(2000).fadeOut("slow");
                    setTimeout(function () {
                        $("#phone").next(".error").remove();
                    }, 2600);
                }
            },
            valid: function(){
                $(this).nextAll(".error").remove();
            }
        })
    );
	if (m==0) { return true;} else {return false; }
}
Ответить с цитированием