MH
Спасибо. Иду разбирать с гуглом каждую строчку)
Size: a a a
2020 June 23
CM
Где нужно запросы делать? В parent компоненте или в отдельном файле?
CM
Хотя Вика говорила что в компоненте делать запросы неправильно🤔
t
Ребят подскажите что делаю не так. Нужно чтобы нельзя ввести число больше 100
Сделал вот так
Сделал вот так
$(document).on("change keyup #first_payment click", "input[type='text']", function() {
if(this.value.length > 2 || Number(this.value) !== 100){
this.value = this.value.replace(/[^0-9]/g, "");
};
});Условие наоборот.
MH
Ну если головой думать то да
Согласен, но сейчас у меня все ограничиваеться моими знаниями
t
Хотя Вика говорила что в компоненте делать запросы неправильно🤔
Отдельный слой.
DE
Спасибо. Иду разбирать с гуглом каждую строчку)
Тебе надо предотвратить набор текста. Единственное событие, которое срабатывает до — это keydown, но так как оно срабатывает до, следовательно оно не имеет ещё значения в инпуте
DE
А имеет его в свойстве key
t
Хотя Вика говорила что в компоненте делать запросы неправильно🤔
Компоненты не должны знать о том, откуда они берут данные.
В
Вот так?
$(document).on("change keyup input click", "#first_payment", function() {
if(this.value.length > 2 || Number(this.value) !== 100){
this.value = this.value.replace(/[^0-9]/g, "");
};
});document
.querySelector('.number-input')
.addEventListener('input', ({target}) => {
let { value } = target;
target.value = parseInt(value) >= 100 ? '' : value
});
.querySelector('.number-input')
.addEventListener('input', ({target}) => {
let { value } = target;
target.value = parseInt(value) >= 100 ? '' : value
});
CM
Компоненты не должны знать о том, откуда они берут данные.
Спасибки❤️.Сделаю service для этого😊
DE
Согласен, но сейчас у меня все ограничиваеться моими знаниями
Далее НИКОГДА не юзай this в событиях
DE
document
.querySelector('.number-input')
.addEventListener('input', ({target}) => {
let { value } = target;
target.value = parseInt(value) >= 100 ? '' : value
});
.querySelector('.number-input')
.addEventListener('input', ({target}) => {
let { value } = target;
target.value = parseInt(value) >= 100 ? '' : value
});
MH
Далее НИКОГДА не юзай this в событиях
Понял)
T
на мобилках работать не будет
DE
на мобилках работать не будет
Не только. Ещё NaN не обрабатывает
DE
Но я же не на экзамене