javascript - 检查输入的密码是否匹配

Question

我想创建一个函数，用户输入密码，并且它必须与该密码匹配(pwd1209!)。当用户点击提交按钮时，它会检查输入的密码是否与pwd1209!匹配。

      <input type="password" id="pwd" class="form" placeholder="type your 
       password">

      <button class="btn" id="submit"> Submit</button>



      $(document).ready(function () {

        $("#submit").click(function (e) {
            if ($('#pwd').val() == '') {
                alert('Key in a password.');
            }
        if ($('#pwd').val() != pwd1209!){
                alert('Incorrect password.');
        }
        else{
            alert('Correct password.');
        }



      });

Answer 1

你的JS代码不完整，除此之外，你问题的关键是密码是一个字符串，因此它必须在引号内。可以肯定的是，您的解决方案非常不安全，因为 JS 是可见的，因此任何人都可以发现密码，您应该尝试使用后端解决方案来进行密码检查。

$(document).ready(function() {
  $('#submit').click(function() {
    if ($('#pwd').val() === '') {
      alert('Add the password.');
    } else if ($('#pwd').val() !== 'pwd1209!') {
      alert('Incorrect password.');
    } else {
      alert('Correct password');
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="password" id="pwd" class="form" placeholder="type your password">
<button class="btn" id="submit"> Submit</button>