Как поправить ajax валидацию?

Question

[Владимир Шикльгрубер]

Привет. Вот сделал я форму.

<form name="my_form" method="post" action="#">
  <p>
    Логин: <input type="text" name="login" onblur="checkLogin(this.value)" /><span id="check_login"></span>
  </p>
  <p>
    <input type="submit" name="check" value="Отправить" />
  </p>
</form>

когда фокус теряется то идёт отправка данных на сервер для проверки занятости логина. А как здель что бы проверка была при каждом новом символе?

Comments

[Евгений Петров]

Я вс1 чаще не понимаю логику. Понятно же, что для отслеживания изменения поля есть событие input, но вы выбираете старьё с keyup? Любите говнокодить?

[Владимир Шикльгрубер]

Евгений Петров: нет. нагуглил я у мурашкова и немножко переделал это го зверя

[Евгений Петров]

Кто вас заставляет использовать чей-то говнокод? Ладно, мне-то всё равно уже.
Я только хотел понять логику, когда выбирается кривое решение даже при приведённых доводах, почему так делать не надо?

[Владимир Шикльгрубер]

Евгений Петров: мне понравилась идея одного банка. Я ввожу букву за буквой и он мне говорит верно не верно

[Евгений Петров]

А как это связано с моим вопросом? Реализация проверки значения не должна основываться на ограничении примитивного ввода с помощью одного из возможных устройств.

[Владимир Шикльгрубер]

Евгений Петров: да и дж учу второй час. С вашего решения я не понял не единой строчки

Answer 1

[Евгений Петров]

Пример

(function () {
	var sendObject = {};

	document.addEventListener('input', function (e) {
		if (e.target.name == 'login') {
			clearTimeout(sendObject.timer);
			sendObject = {
				target: e.target,
				timer: setTimeout(send, 500)
			};
		}
	});

	function send () {
		console.log(sendObject.target.value);
	}
})();

Answer 2

[Igor Belikov]

Событие keydown/keypress/keyup.
https://api.jquery.com/category/events/keyboard-events/

Javascript

document.getElementById("id").onkeyup = function() {
  // ...
};

Comments

[Евгений Петров]

Допустим, я выделил и перетащил набор символов. Ваши действия?

[Igor Belikov]

Евгений Петров: проверять при сабмите ;-/

[Евгений Петров]

Есть событие input, которое генерируется при любом изменении значения поля. Его и следует использовать.

[Евгений Петров]

Допустим, я когда-то использовал поле с таким же именем. Я начал вводить символы, появилась подсказка и я мышкой выбрал нужный вариант. Событие keyup в пролёте.

Сколько ещё примеров привести, чтобы стала понятна несуразность решения с keyup и keydown*

[Igor Belikov]

Евгений Петров: Ваше решение более гибкое и правильное, я ничего не говорю и тем более - не спорю, просто вопрос был о посимвольном вводе и его обработке. :-)

[Евгений Петров]

Символы могут появляться в поле не только с помощью клавиатуры. Нужно же понимать вопрос так, как это верно, а не так, как проще при искусственно придуманных условиях.
ТС применит это на сайте и опять люди будут плеваться от кустарщины.

[Igor Belikov]

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