密码保护html页面

时间:2011-06-30 22:37:34

标签: javascript html authentication password-protection

我需要在任意html文件上添加一些简单的密码保护。它确实需要安全,但只是随机roff-raff。我尝试使用下面的JS:

var password; 
    var thePassword="secretpassword"; 
    password=prompt('Enter Password',' '); 
    if (password==thePassword) { alert('Correct Password! Click OK to Enter!'); }
    else { window.location="http://www.google.com/"; } 

这在Firefox中运行良好,但似乎提示功能在IE中失败,因此我们总是重定向到谷歌......

有关如何使用直接HTML页面进行简单密码保护的任何建议吗?

编辑:要清楚,它在Firefox中工作正常,并且在IE中甚至没有提示弹出窗口要求“输入密码”

2 个答案:

答案 0 :(得分:2)

在IE中为我工作正常。演示:http://jsfiddle.net/U2n3P/

可能无法正常工作的一个可能原因是您使用' '填充了空白空间,因此当您开始输入时,最后可能会有空格。将提示更改为:

password=prompt('Enter Password', ''); 

仅供参考,我知道你说你不需要这个超级安全,但你也可以添加 一些 安全性。获取一个MD5库,而不是:

var thePassword = "md5encodedpassword";
password=prompt('Enter Password',' ');
if(md5(password) != thePassword){

答案 1 :(得分:-1)

将md5哈希密码命名为安全页面或目录。

function isThere(url) {
    var req= new AJ(); // XMLHttpRequest object
    try {
        req.open("HEAD", url, false);
        req.send(null);     
        return req.status== 200 ? true : false;
    }
    catch (er) {
        return false;
    }
}
password=prompt('Enter Password',' '); 
password=md5(password);
if (isThere(md5 + "/") { window.location = password + "/"; }
else { alert("incorrect"); }