Активируем кнопку после заполнения поля ввода на 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" в случае ввода текста в поле.

Вот так просто работает всё это дело  smirk
скачать dle 11.1смотреть фильмы бесплатно


js поле кнопка активируем скрипт script input button
Гость, оставишь комментарий?
Имя:*
E-Mail:


Информация