• Гость
For-Web
  • Главная
  • Вебмастеру
    • Блог
    • SQL
    • PHP
    • JavaScript
    • CSS
    • HTML
    • Литература
  • Скрипты, Soft, APP
    • Bitcoin
    • Соц сети
    • Реклама, Буксы
    • Интернет магагзин
    • Браузерные игры
    • Скрипты хостинга
    • Мобильные приложения
    • Программы
  • Data Life Eingine
    • Модули
    • Хаки
    • DLE шаблоны
  • Bootstrap
    • Шаблоны
    • Плагины
    • Сниппеты
    • Пособие Bootstrap
  • Дизайн и Графика
    • PSD макеты
    • Mocups Free
    • Иконки, Кнопки
    • Шрифты,Текст
    • Текстуры, Фон
    • Анимация
    • Формы
    • Палитра
    • Галерея
    • Раскладка
    • Модальное окно
    • Элементы загрузки
    • Меню и навигация
    • Таблицы
    • Украшения для сайта
    • Фотошоп
  • Шаблоны сайтов
    • WAP шаблоны
    • HTML 5 шаблоны
    • Админка
    • Автомобили
    • Аниме
    • Блоги
    • Бизнес и Финансы
    • Игровые
    • Женские
    • Заглушки
    • Кинопорталы
    • Кулинарные
    • Лендинг
    • Мобильные
    • Музыкальные
    • Новостные
    • ПО, IT
    • Портфолио
    • Природа
    • Строительство
    • Спорт
    • Хостинг
    • Адалт
    • Страницы 404
  • Инфо
    • О проекте
    • Обратная связь
    • Уроки
    • Статистика
    • Privacy Policy
главная » JavaScript » Активируем кнопку после заполнения поля ввода на JS

Активируем кнопку после заполнения поля ввода на JS



Небольшой скрипт, который позволяет нам активировать кнопку только после ввода в определенное поле информации.
Скрипт очень прост, и в то же время очень полезен. Данный скрипт я обязательно использую на основном сайте. А так же в будущих шаблонах.

Вставляем эти строки после закрывающего тега </head>

<script>
function check() {
  if ($('#zagol').val() != '')
    $('#zag').removeAttr('disabled');
  else
    $('#zag').attr('disabled','disable');
}
</script>
Разберем скрипт:
Покажу на примере bootstrap.
К примеру у нас имеется поле ввода input на странице и имеется кнопка под полем, для подтверждения введенной информации.
Поле:
<input type="text" onkeyup="check();" id="zagol" name="title" class="form-control" id="title">
id="zagol" - это тот самый идентификатор который указывает нашему скрипту что это то самое поле которое нужно проверять на наличие введенного текста.
onkeyup="check();"
Функция проверки на ввод.

Кнопка:
<button disabled="disabled" id="zag" type="button">
   Готово
</button>
id="zag" - а Этот идентификатор показывает что это та самая кнопка которой нужно удалить атрибут "disabled" в случае ввода текста в поле.

Вот так просто работает всё это дело.

Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию. Это займёт не более минуты. Не волнуйтесь, мы не спамим!

Активируем кнопку после заполнения поля ввода на JS

Вы находитесь на странице скачивания файла. Все скрипты храняться на яндекс диске. Кнопки скачивания файла  находятся внизу страницы. Если нет кнопки  , то значит нет файла. Нет файла - просьба сообщить администратору  любым удобным способом. Спасибо большое за понимание!

Реклама - на страницах сайта, а также на странице загрузки файлов - это вынужденная мера для поддержания проекта на плаву. Я не принуждаю Вас кликать по рекламе, если конечно она вас не заинтересовала.

Да и самое важное, все материалы носят ознакомительный характер, все файлы взяты из открытых источников, соответственно Вы их используете на свой страх и риск. За риски связанные с утечкой данных, хищение средств и прочее при использовании скриптов администрация сайта ответственность не несёт!



  • Комментарии
  • О статье
  • Похожие новости
У данной публикации нет комментариев.

admin

Автор

8-12-2019, 23:52

Дата

JavaScript

Категория
  • Комментариев: 0
  • Просмотров: 3 013
Bootstrap сниппеты
Адаптивный Canvas Bootstrap сниппет
Учебник Bootstrap
Руководство Bootstrap Form
Учебник Bootstrap
Руководство Bootstrap Input Group
Блог
Справка по HTML атрибутам
Учебник Bootstrap
Руководство Bootstrap NavBar
Учебник Bootstrap
Руководство Bootstrap Card
Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Комментарии
Дмитрий Николаев, Уже нет , этот я продал , не хотел , но устал . Так как админ хороший (она) не стала удалять права на
28 декабря 2022 20:07

nika

Дмитрий Николаев, Не за что , с наступающим Вас
28 декабря 2022 20:01

nika

как установить и зайти в админку. Нет файла install.php
26 декабря 2022 23:09

povar

nika, У вас два сайта?
24 декабря 2022 15:24

Дмитрий Николаев

nika,Спасибо! Вроде работает. 
24 декабря 2022 12:31

Дмитрий Николаев

Оцените сайт

  • For-WEb.Ru 2018 - 2022  

Авторизация


Регистрация Забыл пароль