они атрибутом name. Каждый на кейап запускает санитацзер по введенным данным, - и надо, чтобы с таймаутом 2 сек запускал валидатор.
Соответственно, мысль такая, - санитайзер (функция) создает таймер, который запустит валидатор. Соответственно, если ввод в инпут продолжится, она его пересоздаст и все ок.
Но, - инпутов несколько (не знаем заранее сколько), - как создать из функции глобальный таймер, соответственно обозванный name?
ну во первых используй input, вместо keyup :) а с перезапуском валидатора как то так let validateTimeout; function validate() { clearTimeout(validateTimeout); /// validate...... validateTimeout = setTimeout(validate, 2000); } function santitizer() { clearTimeout(validateTimeout); // sanitize validateTimeout = setTimeout(validate, 2000); }
хотелось обойтись без let, т.е. объявлять в функции... но сработало так, сейчас попробовал: name = jQuery(el).attr("name"); window[name] = setTimeout(Validate(el), 1000);
а ты все таки не переодически проверяешь, тогда все проще намного - id таймера записывай просто, не могу советовать в атрибут элемента, но раз у тебя все так, то можно и туда
А не получится ли решить при помощи debounce? https://lodash.com/docs/#debounce
попадалось такое. надо посмотреть, может, тоже вариант
У меня в проекте используется такое решение при вводе сообщения в чат. Если пользователь печатает быстро, то на каждый символ state меняться не будет. debounce делает задержку 300мс. Примерно так выглядит: handleTextAreaChange = debounce((text) => { this.props.onChangeTextArea(this.props.selectedRoom)(text); }, 300);
у меня инпуты в ЛК. три уровня. санитайзер не дает ввести то, чего быть не может (ну там буквы в номер телефона например), валидатор проверяет регекспом на корректность (мыло или сип или урл например), и уже если это все проходит, то надо делать аякс на бэкенд, чтобы посчитал стоимость
Обсуждают сегодня