Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.77/13: Рейтинг темы: голосов - 13, средняя оценка - 4.77
2 / 2 / 0
Регистрация: 06.03.2013
Сообщений: 99

Скрытие кнопки

23.02.2014, 18:55. Показов 2757. Ответов 3
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте,друзья.Пробую совершить такой манёвр,скрывать кнопку до тех пор пока оба поля не будут заполнены.Вот кад:

HTML5
1
2
3
<p><input type="text" id ="login" class="textbox" name="login" placeholder="Логин" onchange="check();" onclick="this.value='' "></p>
<p><input type="password" id ="password" class="textbox" name="password" placeholder="Пароль" onchange="check();" onclick="this.value=''"></p>
<p><input type="submit" id="logo" name="logo" value="Войти" class="inputs" style="margin-left:133px; "></p>
JavaScript
1
2
3
4
5
6
7
8
9
10
11
<script>
    function check(){
        alert('1111');
        var tx_1 = document.getElementById('login');
        var tx_2 = document.getElementById('password');
        var btn = document.getElementById('logo');
        if(tx_1.value !=''&&tx_2.value !=''){   btn.disabled=false;}
    else
        {btn.disabled = true;}
    }
</script>
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
23.02.2014, 18:55
Ответы с готовыми решениями:

Скрытие и восстановление блока по нажатию кнопки
Есть текст который не скрыт и есть еще текст который скрыт и также есть кнопка еще. Задача: изначально видима толька часть текста в первом...

Скрытие элемента в IE
Возможно не в ту тему, но подскажите как осуществить скрытие или показ другого объекта, вместо данного, в браузаре Internet Explorer?

Скрытие JavaScript
Всем привет. У меня на сайте есть куча всяких подключённых js-файлов. Среди них есть файл hide.js. Мне нужно, чтобы человек, открывающий...

3
0 / 0 / 1
Регистрация: 23.02.2014
Сообщений: 4
23.02.2014, 20:32
У вас стоит условие - если оба поля пусты - кнопка скрыта. Получается - если одно из них заполнить - кнопка отобразится.
Исправьте строку: if(tx_1.value !=''&&tx_2.value !=''){ btn.disabled=false;}
на: if(tx_1.value !='' || tx_2.value !=''){ btn.disabled=false;}
0
2 / 2 / 0
Регистрация: 06.03.2013
Сообщений: 99
24.02.2014, 18:26  [ТС]
Кнопка отображается,даже если оба поля пусты.И не выводит alert на экран.Как будто в функцию не попадаем
0
268 / 268 / 109
Регистрация: 22.08.2013
Сообщений: 907
24.02.2014, 21:08
BelkaLetyaga,
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
            //Получаем объекты нужных DOM-элементов
            var firstTextbox = document.getElementById('login');
            var secondTextbox = document.getElementById('password');
            var button = document.getElementById('logo');
 
            //Обработчик для проверки содержимого полей
            function check() {
                button.disabled = (firstTextbox.value === '' || secondTextbox.value === '') ? true : false;
            }
 
            //Обработчик для очистки содержимого полей
            function clear(element) {
                element.value = null;
            }
 
            //Запускаем первый раз при загрузке страницы
            check();
 
            //Устанавливаем обработчики для проверки полей
            firstTextbox.onkeyup = check;
            secondTextbox.onkeyup = check;
 
            //Устанавливаем обработчики для очистки полей
            firstTextbox.onclick = function(event) {
                clear(event.target);
                check();
            };
 
            secondTextbox.onclick = function(event) {
                clear(event.target);
                check();
            };
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
24.02.2014, 21:08
Помогаю со студенческими работами здесь

Скрытие элементов на js
Привет, мир! Знатоки JS помогите пожалуйста. Необходимо скрыть элементы при помощи display:none; на яваскрипте. Только те элементы,...

Скрытие блока
Здравствуйте, подскажите как сделать, есть скрипт * else{ var data_form = $('#form_reg').serialize(); ...

Показ/скрытие текста
помогите написать скрип...нужно чтоб часть текта была написана и стояла кнопка --показать весь текст при нажатии на которую срытый текст...

Скрытие и показ div
Как сделать что бы при нажатии на кнопку &quot;Кнопка 1&quot; div id='kn1' скрывался(без плавности т.д., а просто моментально скрывался), а вместо...

Скрытие всех div по id
Здравствуйте! Вот нашел скрипт: &lt;script&gt; show.visible = 'm'; show.hidden = 'j'; ...


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

Или воспользуйтесь поиском по форуму:
4
Ответ Создать тему
Новые блоги и статьи
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве
8Observer8 02.02.2026
Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .
Философия технологии
iceja 01.02.2026
На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .
SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf
8Observer8 01.02.2026
Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .
SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли
8Observer8 30.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
SDL3 для Web (WebAssembly): Установка Emscripten SDK (emsdk) и CMake для сборки C и C++ приложений в Wasm
8Observer8 30.01.2026
Содержание блога Для того чтобы скачать Emscripten SDK (emsdk) необходимо сначало скачать и уставить Git: Install for Windows. Следуйте стандартной процедуре установки Git через установщик. . . .
SDL3 для Android: Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 29.01.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами. Версия v3 была полностью переписана на Си, в. . .
Инструменты COM: Сохранение данный из VARIANT в файл и загрузка из файла в VARIANT
bedvit 28.01.2026
Сохранение базовых типов COM и массивов (одномерных или двухмерных) любой вложенности (деревья) в файл, с возможностью выбора алгоритмов сжатия и шифрования. Часть библиотеки BedvitCOM Использованы. . .
SDL3 для Android: Загрузка PNG с альфа-каналом с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 28.01.2026
Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru