Замена одного события другим

@AK3RN · Регистрация: 01.05.2010

Author24 — интернет-сервис помощи студентам

Прошу прощения за нелепый заголовок темы: просто не знаю, как сформулировать.

Итак, есть поле ввода input, содержимое которого по событию blur отправляем на сервер и там проверяем. Сервер возвращает либо ошибку, либо пустую строку(знак того, что все ОК). И все это дело выводится во всплывающей подсказке в углу экрана. Проблема следующая - если ошибок при вводе нет, то хочется как бы запретить событие blur и поставить на это поле событие change(во избежание лишних кликов при правильном заполнении поля и, соответственно, лишних запросов к серверу). Когда же содержимое поля изменится, то снова вернуть blur и отменить change

Возникает вопрос - а нафиг нужен blur, если можно поставить сразу change и не париться? Объясняю: место на экране не так много, вмещается где-то около 5-6 всплывающих подсказок. И при событии change с каждой введенной буквой будет появляться новая подсказка и все место в итоге забьется.

Написано сумбурно, поэтому еще раз, по пунктам, что нужно:

Получить от юзера текст
Если есть ошибки, то вопросов нет - выводим сообщения об ошибке
Если ошибок нет - то снимаем событие blur до тех пор, пока содержимое input'а не изменится

Прошу пояснить, как мне это провернуть. Пока что-то в голову не приходит.

Сам код:

Javascript

$('#username').bind("blur",function() {
        var formData = {//формируем массив данных
            "username":$('#username').val()
        };
 
        $.ajax({//отправляем данные аяксом
            url:'checkuser',
            type:'POST',
            data:'jsonData=' + $.toJSON(formData),
            success: function(res) {
                if(res=='')//если все ок
                {
                    $("#error_username").html("✔");
                    showNotice("Username ok", "");//вот после этой строчки нужно как-то заменить blur 
//на change
                }
                else//если есть ошибки
                {
                    $("#error_username").html("✖");
                    showNotice("Username error", res);
                }
            }
        });
 
    });

Vovan-VE · 15.07.2012, 13:41

Сообщение от AK3RN

И при событии change с каждой введенной буквой будет появляться новая подсказка

У текстовых полей onchange срабатывает как раз при уходе фокуса, если текст был изменен. Так что это самое оно.

Помимо этого, что если: ?

Каждое такое поле "помнит", какое(-ие) значение и с каким результатом уже проверялось в прошлый раз (ранее вообще с момента загрузки страницы, или хотя бы последние N, если памяти жалко).
При потере фокуса сравнивать новое значение с тем(-и), что запомнено. Если действительно новое, то можно смело запрашивать.

@AK3RN · 15.07.2012, 13:58 **[ТС]**

Сообщение от Vovan-VE

При потере фокуса сравнивать новое значение с тем(-и), что запомнено. Если действительно новое, то можно смело запрашивать.[/list]

Спасибо огромное, сделал так:

Javascript

var prev='';//предыдущее
var pres='';//текущее
...
prev=pres;
pres=$('#username').val();
 
if(prev!=pres)//отправляем запрос серверу
{...}

Vovan-VE 13208 / 6596 / 1041 Регистрация: 10.01.2008 Сообщений: 15,069
	15.07.2012, 13:41	2
	Сообщение от AK3RN И при событии change с каждой введенной буквой будет появляться новая подсказка У текстовых полей onchange срабатывает как раз при уходе фокуса, если текст был изменен. Так что это самое оно. Помимо этого, что если: ? Каждое такое поле "помнит", какое(-ие) значение и с каким результатом уже проверялось в прошлый раз (ранее вообще с момента загрузки страницы, или хотя бы последние N, если памяти жалко). При потере фокуса сравнивать новое значение с тем(-и), что запомнено. Если действительно новое, то можно смело запрашивать. 1

	15.07.2012, 13:58