Как заблокировать input при вводе определенного слова?

21.10.2020, 17:41. Показов 2405. Ответов 0

Метки disabled, input, js (Все метки)

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

Добрый вечер, пытался найти готовый способ, но ничего подходящего так и не нашёл, или есть, но используется jQuery, а я с ним не знаком.
В общем есть задача, когда пользователь вводит какое-то конкретное слово, то input становится заблокированным с помощью disabled.
Сам я пытался что-то сделать, но моих знаний недостаточно, нужно сделать на чистом Js. Помогите пожалуйста.

Добавлено через 10 минут
Вот решение которое помогло мне.

JavaScript
1
2
3
4
5
6
const input = document.querySelector('input')
        input.addEventListener('input', function(e) {
        if(this.value.match(/JS/)) {
        this.disabled = true
        }
        })

Programming

Эксперт

39485 / 9562 / 3019

Регистрация: 12.04.2006

Сообщений: 41,671

Блог

21.10.2020, 17:41

Ответы с готовыми решениями:

Вывод jpeg изображения при вводе определенного слова через readln
Нужно вывести изображение при вводе определенного слова через readln. Путь к файлу смогу указать

Чтобы при вводе определённого слова в строчку, он искал его в базе
Привет питонеры ! Хочу спросить у людей, кто знаком с Tkinter. Как сделать так, чтобы при вводе определённого слова в строчку, он искал его...

Как реализовать подсказки при вводе в input?
Добрый день Киберовцы! =) Идея такая: Нужно чтоб при вводе в поле, всплывали подсказки(ну это видимо через поиск подстроки) как при вводе...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

inter-admin

Эксперт

29715 / 6470 / 2152

Регистрация: 06.03.2009

Сообщений: 28,500

Блог

21.10.2020, 17:41

Помогаю со студенческими работами здесь

Как избавиться от запятой при вводе переменных INPUT”om
Вот такую сотворил заготовку программы: CLS INPUT “ Начальное кол. Товара: “, R, A$ INPUT “ Мин. Остаток товара: “, M, B$ INPUT “...

При вводе текста через input \n прописывается как текст
Если печатаю строку в которой есть символ переноса строки (\n) всё нормально, но если вводишь такую комбинацию текста через input этот...

Как задать конец строки и прекратить при вводе определённого символа?
Добрый день! Подскажите, пожалуйста, как задать конец строки при вводе определённого символа. Например, char mass , но при вводе с...

как сделать при вводе в текстбокс определенного значения, картинка появлялась?
вопрос...:как сделать при вводе в текстбокс определенного значения, картинка появлялась?с помощью таймера, но не получается..

<input type='text'> Как выровнять по правому краю мигающий курсор при вводе?
<input type='text'> Как выровнять по правому краю мигающий курсор при вводе?

Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
[Owen Logic] Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ФедосеевПавел 14.03.2026 Поддержание уровня воды в резервуаре количеством включённых насосов: моделирование и выбор регулятора ВВЕДЕНИЕ Выполняя задание на управление насосной группой заполнения резервуара,. . .	делаю науч статью по влиянию грибов на сукцессию anaschu 13.03.2026 прикрепляю статью	SDL3 для Desktop (MinGW): Создаём пустое окно с нуля для 2D-графики на SDL3, Си и C++ 8Observer8 10.03.2026 Содержание блога Финальные проекты на Си и на C++: hello-sdl3-c. zip hello-sdl3-cpp. zip Результат:	Установка CMake и MinGW 13.1 для сборки С и C++ приложений из консоли и из Qt Creator в EXE 8Observer8 10.03.2026 Содержание блога MinGW - это коллекция инструментов для сборки приложений в EXE. CMake - это система сборки приложений. Здесь описаны базовые шаги для старта программирования с помощью CMake и. . .
Как дизайн сайта влияет на конверсию: 7 решений, которые реально повышают заявки Neotwalker 08.03.2026 Многие до сих пор воспринимают дизайн сайта как “красивую оболочку”. На практике всё иначе: дизайн напрямую влияет на то, оставит человек заявку или уйдёт через несколько секунд. Даже если у вас. . .	Модульная разработка через nuget packages DevAlt 07.03.2026 Сложившийся в . Net-среде способ разработки чаще всего предполагает монорепозиторий в котором находятся все исходники. При создании нового решения, мы просто добавляем нужные проекты и имеем. . .	Модульный подход на примере F# DevAlt 06.03.2026 В блоге дяди Боба наткнулся на такое определение: В этой книге («Подход, основанный на вариантах использования») Ивар утверждает, что архитектура программного обеспечения — это структуры,. . .	Управление камерой с помощью скрипта OrbitControls.js на Three.js: Вращение, зум и панорамирование 8Observer8 05.03.2026 Содержание блога Финальная демка в браузере работает на Desktop и мобильных браузерах. Итоговый код: orbit-controls-threejs-js. zip. Сканируйте QR-код на мобильном. Вращайте камеру одним пальцем,. . .

Наверх