Как показать элемент после ввода кода с помощью jquery?

Рейтинг: 0Ответов: 1Опубликовано: 04.10.2014

На сайте после ввода в текстовое поле условного пароля мы покажем скрытый div.
Понятно, что пароль будет в самом html'е, но это простая защита от любопытных глаз (в данном случае этого хватит).
Как это сделать, куда копать?

css javascript html jquery
Источник: Stack Overflow на русском

Ответы

▲ 1

Спасибо большое за помощь! Вот оформленный ответ.

В html'е вот это:

<span style="display:none" id="hidden-password-holder">password0101</span>
<label>Введите пароль:</label>
<input type="text" id="password" />
<div style="display:none" id="protected">Оно самое</div>

<script type="text/javascript">
    $(document).ready(function() {
        var password = $.trim($('#hidden-password-holder').text());
        $('#password').keyup(function() {
            if ($(this).val() === password) {
                $('#protected').show();
            }
        })
    });
</script>