JQuery проверить один из нескольких паролей

Question

Я пытаюсь создать простой сценарий проверки с помощью Jquery, но у меня возникают трудности.

Я бы хотел, чтобы все тело моей страницы, кроме простого пользователя, компании, пароля, формы из 3 полей, было скрыто, пока человек не введет один из 5 потенциальных паролей, тогда тело станет невидимым ... .

это кажется довольно простым с Jquery, хотя я, должно быть, обдумываю это. Я также хотел бы, чтобы пароли, которые я просто сохранял как переменные, как-то шифровались ...

у кого-нибудь есть предложения? ура

Answer 1

Используя jQuery, вы можете скрыть тело с помощью $ ("body"). Hide ();затем прослушайте события нажатия клавиш на $ (документ).Проверьте входную переменную и посмотрите, содержит ли она искомый пароль, затем покажите $ ("body") и отсоедините прослушиватель нажатия клавиш

var input = '';
$("body").hide();
$(document).keypress(function(e) {
    input += String.fromCharCode(e.which); // the character pressed on the the keyboard
    if(input == 'mypassword' || input == 'mypassword-1' || input == 'mypassword-2') { // would suggest using a timer here to reset the "input" var after 1 second or so of someone not typing
        $('body').show();
        $(document).unbind("keypress");
    }
});

Answer 2

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

Как только вы отправили содержимое страницы клиенту, вы можете скрыть его, но любой может просто пойти и показать его снова.

Answer 3

Вы не можете полагаться на любой клиентский JavaScript, чтобы ограничить то, что может видеть пользователь. Когда дело доходит до этого, пользователь может либо просмотреть исходный код страницы (или изменить html самостоятельно), чтобы просмотреть данные на странице ... независимо от вашей защиты паролем.

Answer 4

Я не думаю, что есть способ сделать надежное шифрование с помощью JavaScript.

Что касается сокрытия тела, за исключением формы, я бы использовал класс CSS для тега body следующим образом:

body.hidden {
    visibility: hidden;
}

Затем создайте для вас несколько стилей потомков:

body.hidden form {
    visibility: visible;
}

Добавьте и удалите class = "hidden", используя jquery, когда пароль совпадает.