Когда в поле input нет введенного текста - убрать кнопку

@refactor-chenge · Регистрация: 21.11.2017

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

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

JavaScript
1
2
3
4
5
6
7
   document.getElementById("Message").onkeyup= function(){
            var sendButtom = document.getElementById("SendButton").style;
            if (/[А-Яа-я]/.test(this.value))
                sendButtom.display= "none";
            else
                sendButtom.display= "block";
        };

@diadiavova · 07.04.2018, 23:40

Если с минимальными правками, то так.

JavaScript
1
2
3
4
5
6
7
8
        document.getElementById("Message").onkeyup = function (evt)
        {
            var sendButtom = document.getElementById("SendButton").style;
            if (!/[А-Яа-я]/.test(evt.target.value))
                sendButtom.display = "none";
            else
                sendButtom.display = "block";
        };

@mrtoxas · 08.04.2018, 00:29

Раз уж ответ дан, есть еще вариант без js, но надо смотреть в конкретную разметку и поддержка с ie10:

HTML5
1
2
<input type="text" required>
<button>button</button>

CSS
1
2
3
input:not(:valid) + button{
  display: none;
}

Qwerty_Wasd · 08.04.2018, 00:38

mrtoxas, вон оно как

CSS
1
:valid

даже не помню - я просто не знал или забыл?

@Eva Rosalene · 08.04.2018, 02:33

mrtoxas, ещё есть

CSS
1
input:invalid

Qwerty_Wasd · 08.04.2018, 03:24

Eva Rosalene, уже нашел, но благодарен. Спек чёт развелось

, на w3.org ни разу не видел. Нашел на live.
А нет соврал, извините - слепну походу https://www.w3.org/TR/selectors/#pseudo-classes

@refactor-chenge · 14.04.2018, 01:55 **[ТС]**

спасибо, то что надо)

Новые блоги и статьи Все статьи Все блоги /
Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.	Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .

Qwerty_Wasd 2151 / 1496 / 651 Регистрация: 16.04.2016 Сообщений: 3,696
	08.04.2018, 03:24
	Eva Rosalene, уже нашел, но благодарен. Спек чёт развелось , на w3.org ни разу не видел. Нашел на live. А нет соврал, извините - слепну походу https://www.w3.org/TR/selectors/#pseudo-classes 0

@refactor-chenge 0 / 0 / 0 Регистрация: 21.11.2017 Сообщений: 41
	14.04.2018, 01:55 [ТС]
	спасибо, то что надо) 0

Когда в поле input нет введенного текста - убрать кнопку

Решение