Question

我有一个带有文本字段的常规HTML表单，用于输入密码。这个想法是，每个用户都使用相同的密码登录，因此该站点只有一个密码。

我正在尝试制作一些JavaScript来检查该密码，如果密码正确，请重定向到另一页，这意味着任何了解基本JavaScript /有常识的人都可以通过查看以下密码来找出密码源代码（我知道这很奇怪）。

为此很难找到一个教程，这可能是因为没有人愿意创建任何人都可以轻易找到的密码。

在此先感谢您的帮助。另外，我知道标题有点误导；我不知道怎么用不到三句话来形容它。

Answer 1

由于您知道这是一个巨大的安全风险（即完全没有安全性），因此您可以简单地使用表单的onsubmit处理程序（如果有的话），或使用额外按钮的onclick事件。在那里，您只需使用

if (document.getElementById('myPasswordBox').value === 'P@55w0rd') window.location.href = 'the/new/url.html'

更新：

要在使用onsubmit时禁止提交表单，请同时添加一个return false。所以：

<form onsubmit="if (document.getElementById('myPasswordBox').value === 'P@55w0rd') window.location.href = 'the/new/url.html'; return false">

Answer 2

尽管对我来说意义不大，但您想要这样的东西吗？

function check(){
  var pwd = document.querySelector('input[type="password"]').value
  if(pwd == "123456") window.location.href="https://google.com"
}

<fieldset>
  <legend>Enter password</legend>
  <input type="password" />
  <button onclick="check();">Check</button>
</fieldset>

Answer 3

尝试一下：

<form>
    <input type="text" name="pword" id="pword">
    <input type="submit" name="submit" id="submit">
</form>

<script type="text/javascript">
    $('#submit').on('click',myFunc);

    function myFunc(){
        $pword_val = $('#pword').val();
        if($pword_val === 'whateveryourmasterpwordis'){
            //do stuff
        }else{
            // do other stuff
        }
    }
</script>

如何制作JavaScript登录表单？

3 个答案: