Как реализовать защиту паролей на стороне клиента для веб-контента?

Я пытаюсь защитить паролем часть страницы с помощью JavaScript. Пользователь увидит простое поле ввода и кнопку отправки, после ввода правильного пароля пользователь получит доступ к "скрытому" контенту.

В настоящее время нет способа просмотра "скрытого" контента, поскольку он скрывается каждый раз, когда происходит перезагрузка страницы (что происходит при отправке формы).

Да, я знаю, что это не считается "защитой паролем", поскольку пароль найден в самом js, но это не имеет значения для этого конкретного сценария.

Вот код, который у меня есть, спасибо за любую помощь.

<form action="#" onsubmit="showPass(form);return false">
Please Enter The Password:  

</form>
<div id="hiddenContent">Here is the Hidden content...</div>

Как я могу просматривать скрытый контент после правильной отправки пароля?

1 ответ

Есть две проблемы, которые приводят к краху вашего кода и прекращают выполнение. Это заставляет вашу форму отправлять, чего вы не хотите, и ни один из ваших других кодов не работает.

onsubmit = "showPass (form) должен быть onsubmit =" showPass (this)

e не является глобальной переменной. Он закрыт анонимной функцией и не виден снаружи. Это означает, что showPass() не знает, что означает e. Изменить это

var e = document.getElementById("hiddenContent");

в

e = document.getElementById("hiddenContent"); (без ключевого слова var)

или (возможно, лучше) получить уникальную ссылку на этот элемент в showPass()

licensed under cc by-sa 3.0 with attribution.