Javascript 只有在文本字段中键入正确的单词时，我如何才能使链接工作？

我正在为客户建立一个电子商务网站。但是，任何对jQuery/JS有好想法的人都应该能够提供帮助，因为这与后端无关

当输入通用密码时，他们希望显示一个“隐藏”的商店页面

所以在网站的主页上会有一个密码字段和一个提交按钮

密码是通用的，比如说“letmein”。输入后，指向商店页面的链接应处于活动状态

如果可能的话，最好在输入正确的单词之前将链接变灰/禁用

---

这可能吗？如果有人能帮忙，非常感谢

如果密码真的很重要，并且您正在创建的门后面有敏感数据，这是一个糟糕的想法。密码永远不应该是前端数据，因为任何人都可以通过计算机访问它们。如果用户访问真的不重要，而这只是一个让用户感觉特别的表面网关，那么JavaScript确实是答案。如果访问是随意的，而且安全性并不重要，那么您应该尝试以下方法：

您可以创建一个保持非活动状态的链接，直到在HTML

中输入正确的密码。使用JavaScript/jQuery检查密码是否正确，如果正确，则更改锚的值

可能是这样的：

HTML:

---

这里有一个可行的办法：

如果密码真的很重要，而且你正在创建的这扇门后面有敏感数据，这是一个糟糕的主意。密码永远不应该是前端数据，因为任何人都可以通过计算机访问它们。如果用户访问真的不重要，而这只是一个让用户感觉特别的表面网关，那么JavaScript确实是答案。如果访问是随意的，而且安全性并不重要，那么您应该尝试以下方法：

您可以创建一个保持非活动状态的链接，直到在HTML

中输入正确的密码。使用JavaScript/jQuery检查密码是否正确，如果正确，则更改锚的值

可能是这样的：

HTML:

这是一把小提琴：

但是，任何对jQuery/JS有好想法的人都应该能够提供帮助，因为这与后端无关

在前端这样做是个坏主意。任何具备基本脚本知识的人都可以启用该链接（即使不键入“密码”）

但是，任何对jQuery/JS有好想法的人都应该能够提供帮助，因为这与后端无关

---

在前端这样做是个坏主意。任何对脚本有基本了解的人都可以启用该链接（即使不键入“密码”）

您可以在密码正确后添加

href

，如果密码不正确，可以将其删除

只要安全性不重要，这只是一个链接，你想开放给所有人，没有后端验证，然后这将工作良好

函数更新链接（输入）{
如果（input.value==“letmein”）{
document.getElementById（“atag”）.href=”http://www.google.com";
}否则{
document.getElementById（“atag”）.removeAttribute（“href”）；
}
}

谷歌

您可以在密码正确后添加

href

，如果密码不正确，可以将其删除

只要安全性不重要，这只是一个链接，你想开放给所有人，没有后端验证，然后这将工作良好

函数更新链接（输入）{
如果（input.value==“letmein”）{
document.getElementById（“atag”）.href=”http://www.google.com";
}否则{
document.getElementById（“atag”）.removeAttribute（“href”）；
}
}

谷歌

谢谢您的回答

---

回答这个问题——不，安全不是问题。这只是为了增加一层排他性。用户注册邮件列表时将收到通用密码。

感谢您的所有回答

回答这个问题——不，安全不是问题。这只是为了增加一层排他性。用户在注册邮件列表时将收到通用密码

<a href="#" id="link-to-site">Password Invalid</a>
<input type="text" id="password-field" />

var correctPass = "letmein";                                       // any password you want
$("#password-field").on("change", function() {                     // everytime the value changes we check the input for the password
   if ($(this).val() == correctPass) {                             // if the value of the input is the password (no submit needed)
     $("#link-to-site").attr("href", "www.actual-site-link.com");  // changes link of anchor
     $("#link-to-site").html("You're in!");                        // changes anchor's text to show a visual change (a nice UX touch)
   }
});