Запрет на ввод в input

@cevil · Регистрация: 07.04.2014

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

Есть например 3 input, как сделать запрет на ввод в 2 др если в один уже введена инфа

@Lazy_Den · 18.01.2015, 00:57

cevil, пример тестируем тут

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
var inp =  document.querySelectorAll('input[type=text]');
[].forEach.call(inp, function(el){
    el.addEventListener('keyup', lockOther, false);
    el.addEventListener('input', lockOther, false);
});
 
function lockOther(){
    var indx = [].indexOf.call(inp, this),
        // удаление "лишних пробелов" - на ваше усмотрение
        isFilled = this.value.replace(/^\s+|\s+$/gm,'') != '';
    for(var i = 0; i < inp.length; i++){
        if(i != indx) inp[i].disabled = isFilled;
    }
}

Добавлено через 2 минуты
Кстати, по поводу пробелов - то есть метод trim(), но не такой уж кроссбраузерный

@vovandr · 18.01.2015, 01:08

Lazy_Den а зачем два обработчика? Вот второй слушатель input какую задачу выполняет, просто не разу не использовал

@cevil · 18.01.2015, 01:10 **[ТС]**

Очень выручили , благодарю!

@Lazy_Den · 18.01.2015, 01:16

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

Вот второй слушатель input какую задачу выполняет

Событие не кроссбраузерное, но в какой-то степени универсальное. Например, она одинаково среагирует на ввод текста пользователем вручную или копипаст без нажатия клавиш клавиатуры. Конечно, можно было второй ставить "paste", но и с ним, насколько помню, так же кроссбраузерность хромает.

Добавлено через 1 минуту
Вот ссылка на описание input

@vovandr · 18.01.2015, 01:17

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

Событие не кроссбраузерное, но в какой-то степени универсальное. Например, она одинаково среагирует на ввод текста пользователем вручную или копипаст без нажатия клавиш клавиатуры. Конечно, можно было второй ставить "paste", но и с ним, насколько помню, так же кроссбраузерность хромает.

Ага, понял, про копипаст я и не подумал

Спасибо

Добавлено через 53 секунды

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

Вот ссылка на описание input

Да, уже там почитал)

Новые блоги и статьи Все статьи Все блоги /
Установка Qt Creator для C и C++: ставим среду, CMake и MinGW без фреймворка Qt 8Observer8 05.04.2026 Среду разработки Qt Creator можно установить без фреймворка Qt. Есть отдельный репозиторий для этой среды: https:/ / github. com/ qt-creator/ qt-creator, где можно скачать установщик, на вкладке Releases:. . .	AkelPad-скрипты, структуры, и немного лирики.. testuser2 05.04.2026 Такая программа, как AkelPad существует уже давно, и также давно существуют скрипты под нее. Тем не менее, прога живет, периодически что-то не спеша дополняется, улучшается. Что меня в первую очередь. . .	Отображение реквизитов в документе по условию и контроль их заполнения Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеСпецтехники", разработанного в конфигурации КА2. Данный документ берёт данные из другого нетипового документа. . .	Фото всей Земли с борта корабля Orion миссии Artemis II kumehtar 04.04.2026 Это первое подобное фото сделанное человеком за 50 лет. Снимок называют новым вариантом легендарной фотографии «The Blue Marble» 1972 года, сделанной с борта корабля «Аполлон-17». Новое фото. . .
Вывод диалогового окна перед закрытием, если документ не проведён Maks 04.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: реализовать программный контроль на предмет проведения документа. . .	Программный контроль заполнения реквизитов табличной части документа Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: 1. Реализовать контроль заполнения реквизита. . .	wmic не является внутренней или внешней командой Maks 02.04.2026 Решение: DISM / Online / Add-Capability / CapabilityName:WMIC~~~~ Отсюда: https:/ / winitpro. ru/ index. php/ 2025/ 02/ 14/ komanda-wmic-ne-naydena/	Программная установка даты и запрет ее изменения Maks 02.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: при создании документов установить период списания автоматически. . .

@cevil 12 / 12 / 5 Регистрация: 07.04.2014 Сообщений: 174

	Запрет на ввод в input 18.01.2015, 00:22. Показов 3041. Ответов 5 Метки нет (Все метки) Есть например 3 input, как сделать запрет на ввод в 2 др если в один уже введена инфа 0

@vovandr 636 / 523 / 195 Регистрация: 19.08.2013 Сообщений: 1,400
	18.01.2015, 01:08
	Lazy_Den а зачем два обработчика? Вот второй слушатель input какую задачу выполняет, просто не разу не использовал 0

@cevil 12 / 12 / 5 Регистрация: 07.04.2014 Сообщений: 174
	18.01.2015, 01:10 [ТС]
	Очень выручили , благодарю! 0