如何使用Javascript选中文本框并重定向到URL？

我正在尝试为我为客户创建的页面创建一个“密码保护”页面，这样他们就可以检查页面的进度，但是对于没有代码的人来说，它将不可用

我已经试了几个小时了，但好像没法用。我现在可以得到一个带有登录代码的弹出屏幕，但我不能让它重定向到另一个页面

这是我的密码：

$（文档）.ready（函数（）{
$（'.accesbutton'）。单击（函数（）{
$（'.login'）.fadeIn（'fast'）；
美元("期初"),法德托("快速",0.2),；
});
var$code=$（'.logincode'）.val（）；
var$check='DDT4DHFD'；
$（'.submit'）。单击（函数（）{
如果（$code===$check）{
window.location='homepage.html'；
}否则{
$（'.logincode'）.animate({
颜色：“红色”
});
}
});
});
。登录{
背景色：#FFFFFF；
位置：绝对位置；
保证金：自动；
填充：0.1em；
左：35%；
顶部：10em；
宽度：30%；
高度：自动；
z指数：1000；
显示：无；
}
.访问按钮{
背景色：#FF3333；
宽度：10em；
高度：3em；
线高：3em；
利润率：2米自动；
边界半径：25px；
文本对齐：居中；
}
.文本{
颜色：#ffffff；
文本对齐：居中；
字体系列：“开放式SAN”；
字体大小：1.2米；
}

Bekijk网站

。



嘿，我的天哪？Neem dan contact op会见了je Beheerder的设计公司。




代码：

更新：

对于安全问题，可以使用或用作数据参数$（'.logincode'）.val（）。在服务器端（使用您当前的语言，如C#、javascript、PHP等，我不知道您当前使用的是哪种语言），您可以比较这些值，并仅向客户端返回一个值：true或false。例如，您可以编写如下内容：

$.get("checklogin.php", { val: $('.logincode').val() } )
 .done(function(data) {})
 .fail(function() {});

旧答案：

代码中的输入错误是：

var $code = $('.logincode').val();

这是在事件处理程序外部声明的

我可能建议您在服务器端保存变量$check的值，这是一个简单的小技巧，以避免在客户端看到这样一个变量：


$（函数（）{
$（'.accesbutton'）。单击（函数（）{
$（'.login'）.fadeIn（'fast'）；
美元("期初"),法德托("快速",0.2),；
});
var$check='DDT4DHFD'；//将此变量放入服务器端的文本（或json）文件中
$（'.submit'）。单击（函数（e）{
var$code=$（'.logincode'）.val（）；//这是您的输入错误
//您可以使用它从服务器获取和测试值
//我把checklogin理解为一个文本服务器端文件
/***************************
$（'.submit'）.prop（'disabled'，true）；
$.get（'checklogin'，函数（数据）{
if（data.trim（）==$check）{
window.location='homepage.html'；
}否则{
$（'.logincode'）.animate({
颜色：“红色”
});
}
$（this.removeProp（'disabled'）；
}).fail（函数（）{
console.log（'Failed'）；
$（'.submit'）.removeProp（'disabled'）；
});
****************************/
//直到这里。。。。。。。。。。。。。。。。。。。。。。。。。
//或者像你正在做的那样。。。。。
如果（$code===$check）{
window.location='homepage.html'；
}否则{
$（'.logincode'）.animate({
颜色：“红色”
});
}
});
});
。登录{
背景色：#FFFFFF；
位置：绝对位置；
保证金：自动；
填充：0.1em；
左：35%；
顶部：10em；
宽度：30%；
高度：自动；
z指数：1000；
显示：无；
}
.访问按钮{
背景色：#FF3333；
宽度：10em；
高度：3em；
线高：3em；
利润率：2米自动；
边界半径：25px；
文本对齐：居中；
}
.文本{
颜色：#ffffff；
文本对齐：居中；
字体系列：“开放式SAN”；
字体大小：1.2米；
}

Bekijk网站

。



嘿，我的天哪？Neem dan contact op会见了je Beheerder的设计公司。




代码：

请注意：像这样的客户端（即，用javascript实现）身份验证是非常容易被绕过的。如果我现在处理的网站被绕过，那么它们就没有什么大不了的了。这只是为了让大多数人远离那些在网站未正式发布时就已经浏览过的人。但很高兴知道，我会记住这一点；）将提交更改为type=“button”，并将
var$check=$..
移动到单击功能内部谢谢！成功了。本周晚些时候，我将尝试服务器端方法。谢谢你的帮助@仅供参考，将密码放在服务器上的文件中仍然无法提供任何安全性。任何人都可以查看打开文件的javascript代码，记录打开的文件，只需自己打开文件并读取内容。或者，他们可以打开开发者工具，将字符串比较改为if（1===1）
，以完全绕过检查。JS问题中的密码短语已在上面关于问题本身的评论中提到