Question

代码：

<script>
function getLoginInfo(){
var loginname[1]="login";
var loginpwd[1]="pwd";
var loginname[2]="marcoyeung";
var loginpwd[2]="infotalkong";
}
getLoginInfo();
var captchaCorr;
function generateCaptchaImage(){
var captchaImage=document.getElementById("captchaImage");
var captchaNumber=Math.floor(Math.random()*10+1);
switch(captchaNumber){
case 1:
captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/4020820.jpg";
captchaCorr="3H1O";
break;
case 2:
captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/4387355.jpg";
captchaCorr="63VD";
break;
case 3:
captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/2027648.jpg";
captchaCorr="B8T7";
break;
case 4:
captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/6532820.jpg";
captchaCorr="B23N";
break;
case 5:
captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/1239866.jpg";
captchaCorr="C1BS";
break;
case 6:
captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/4505395.jpg";
captchaCorr="DAB3";
break;
case 7:
captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/2555220.jpg";
captchaCorr="H2KF";
break;
case 8:
captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/3738849.jpg";
captchaCorr="H84H";
break;
case 9:
captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/6334357.jpg";
captchaCorr="JD84";
break;
case 10:
captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/3832297.jpg";
captchaCorr="YTEU";
break;
default:
generateCaptchaImage();
break;
}
return false;
}
function checkPassword(name,pwd,captchaInput){
var captchaInputTemp=captchaInput;
captchaInput=captchaInputTemp.toUpperCase();
captchaInputTemp=""
for (var i=1; i<loginname.length; i++;){
if name=loginname[i]{
if pwd=loginpwd[i]{
window.location.href="member.html";
}
}
}
}
</script>
<h1>LOGIN FORM</h1>
<form action="">
Login Name : <input type="text" name="loginname"><br>
Login Pwd : <input type="password" name="loginpwd"><br>
Captcha : <input type="text" name="captchaInput" id="captchaInput" maxlength="4" size="4">
<input type="submit" onclick="checkPassword(this.form.loginname.value,this.form.loginpwd.value,this.form.captchaInput.value);return false;" value="Login"><br>
<img id="captchaImage" src="" />
</form>
<script>
generateCaptchaImage();
</script>

验证码图片无法以正确的方式显示。否src。

我该如何更改？我添加了getLoginInfo()来设置多个密码。

照片成了文件损坏的图标。我无能为力。当我检查元素时，img src变为""。

请帮忙。

Answer 1

说实话，我认为帮助你的最好方法就是帮助你做到这一点。正如其他人告诉你的那样，你开发的这个'安全系统'并不仅仅是坏事，而是它的恶性。每个浏览器都知道开发人员工具，这意味着很容易绕过'security'。

认为如果您正在创建验证码保护系统，那就是避免让人们试图以编程方式访问您的页面。任何有足够知识的人都不需要你的方法。事实上，我认为他们会笑。

所以，首先，我几乎不鼓励你实现服务器端安全性，而不是这个。但是，发出警告，我已在此jsfiddle更正了您的代码。

<body>
<script>
var loginname = [];
var loginpwd = [];
function getLoginInfo(){
    loginname[1]="login";
    loginpwd[1]="pwd";
    loginname[2]="marcoyeung";
    loginpwd[2]="infotalkong";
}
getLoginInfo();
var captchaCorr;
function generateCaptchaImage(){
    var captchaImage=document.getElementById("captchaImage");
    var captchaNumber=Math.floor(Math.random()*10+1);
    switch(captchaNumber){
        case 1:
            captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/4020820.jpg";
            captchaCorr="3H1O";
            break;
        case 2:
            captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/4387355.jpg";
            captchaCorr="63VD";
            break;
        case 3:
            captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/2027648.jpg";
            captchaCorr="B8T7";
            break;
        case 4:
            captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/6532820.jpg";
            captchaCorr="B23N";
            break;
        case 5:
            captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/1239866.jpg";
            captchaCorr="C1BS";
            break;
        case 6:
            captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/4505395.jpg";
            captchaCorr="DAB3";
            break;
        case 7:
            captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/2555220.jpg";
            captchaCorr="H2KF";
            break;
        case 8:
            captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/3738849.jpg";
            captchaCorr="H84H";
            break;
        case 9:
            captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/6334357.jpg";
            captchaCorr="JD84";
            break;
        case 10:
            captchaImage.src="http://www.weebly.com/uploads/2/5/3/9/25398845/3832297.jpg";
            captchaCorr="YTEU";
            break;
        default:
            generateCaptchaImage();
            break;
    }
    return false;
}
function checkPassword(name,pwd,captchaInput){
    var captchaInputTemp=captchaInput;
    captchaInput=captchaInputTemp.toUpperCase();
    captchaInputTemp="";
    for (var i=0; i < loginname.length; i++){
        if (name==loginname[i]){
            if (pwd==loginpwd[i]){
                window.location.href="member.html";
            }
        }
    }
}
</script>
<h1>LOGIN FORM</h1>
<form action="">
Login Name : <input type="text" name="loginname"><br>
Login Pwd : <input type="password" name="loginpwd"><br>
Captcha : <input type="text" name="captchaInput" id="captchaInput" maxlength="4" size="4">
<input type="submit" onclick="checkPassword(this.form.loginname.value,this.form.loginpwd.value,this.form.captchaInput.value);return false;" value="Login"><br>
<img id="captchaImage" src="" />
</form>
<script>
generateCaptchaImage();
</script>
</body>

有很多语法错误。我建议你在尝试构建安全系统之前先学习更多Javascript和编程。

Javascript For Loop用于验证密码无法正常工作

1 个答案: