Javascript 给出代码后重定向到网页_Javascript_Html

Javascript 给出代码后重定向到网页

javascript html

Javascript 给出代码后重定向到网页,javascript,html,Javascript,Html,我需要重定向到一个链接，只有当输入的代码是正确的。所以这个概念是人们输入一个像1234这样的代码，然后去a.com，但是如果有人不写代码，他们就不会去任何地方我尝试了下面的代码，但没有任何效果。我将网站名称更改为a.com作为目标，b.com作为重定向到a.com的站点 <body> <input type="text" placeholder="Enter Your Code" onfocus="this.placeholder = ''" onblur="this.pla

我需要重定向到一个链接，只有当输入的代码是正确的。所以这个概念是人们输入一个像1234这样的代码，然后去a.com，但是如果有人不写代码，他们就不会去任何地方

我尝试了下面的代码，但没有任何效果。我将网站名称更改为a.com作为目标，b.com作为重定向到a.com的站点

<body>
<input type="text" placeholder="Enter Your Code" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Your Code'" maxlength="10" id="input-code">
<p><a href="#" class="btn" onclick="return btntest_onclick()">VERIFY  NOW</a></p>

<script>
if (document.getElementById('input-code').value == '1234'){
    function btntest_onclick(){
        window.location.href = "a.com";
    }
    btntest_onclick()
}else{
    function btntest_onclick(){
        window.location.href = "b.com";
    }
    btntest_onclick()
}



if（document.getElementById（'input-code'）。值=='1234'）{
函数btntest_onclick（）{
window.location.href=“a.com”；
}
btntest_onclick（）
}否则{
函数btntest_onclick（）{
window.location.href=“b.com”；
}
btntest_onclick（）
}

我希望在给出代码1234后可以访问a.com，但这不会发生

您可以这样做：

HTML

但是就像我在评论中说的，通常你不会检查像这个客户端这样的东西，因为它很容易被篡改

当用户输入正确的代码时，您可以通过设置

href

轻松获得更好的解决方案。

我建议使用这种方法，它避免使用内联

onclick

属性，并使用更具语义的

元素而不是链接

const buttonEl=document.querySelector（'.btn'）；
const inputEl=document.querySelector（“#输入代码”）；
Buttonnel.addEventListener（“单击”，evt=>{
如果（inputEl.value==“1234”）{
window.location.href=http://a.com';
}
});

现在验证您需要将onchange=function（）添加到输入元素中，并将脚本代码移动到函数中。请注意，任何人都可以“查看源代码”来找出密码。您发布的JS只在页面加载时运行。如果需要在输入后运行，则需要设置一个与输入关联的事件处理程序。此代码是否与安全性有关？如果是这样，那么在客户端检查它是一个坏主意。
<a href="#" class="btn" onclick="btntest_onclick()"></a>

function btntest_onclick(){
    if (document.getElementById('input-code').value == '1234'){
        window.location.href = "a.com";
    } else {
        window.location.href = "b.com";
    }
}