Активируем кнопку после заполнения поля ввода на 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" в случае ввода текста в поле.Вот так просто работает всё это дело.
Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию.
Это займёт не более минуты. Не волнуйтесь, мы не спамим!
У данной публикации нет комментариев.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Облако тегов
bootstrap Bootstrap css CSS CSS3 DLE dle fruit farm html html шаблон html5 HTML5 Payeer PNG PSD wap Скрипт удвоителя адаптивный адаптивный шаблон бонусник дизайн игровой хостинг иконки лендинг меню модуль панель портфолио сайт скрипт скрипт фермы текстура удвоитель удвоитель Payeer ферма фон фруктовая ферма хак шаблон экономическая игра
Сколько часов ,Вы проводите за компьютером