Активируем кнопку после заполнения поля ввода на 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" в случае ввода текста в поле.Вот так просто работает всё это дело.
Ссылка для скачивания доступна только авторизованным пользователям, пожалуйста пройдите регистрацию.
Это займёт не более минуты. Не волнуйтесь, мы не спамим!
У данной публикации нет комментариев.
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Комментарии
Оцените сайт