HTML和Javascript客户端身份验证

我正在创建一个客户端验证（是的，这似乎没有任何用途，但确实有）。问题是我不太擅长js，我的代码也不起作用

•我正在努力实现的目标：

用户键入“ABCD”作为密码，然后单击提交。 Javascript检查密码是否为“ABCD”，如果是，则继续，如果不是，则显示错误消息

•代码：

HTML:

<div class="login">
  <div class="login__check"></div>
  <div class="login__form">
    <div class="login__row">
      <svg class="login__icon pass svg-icon" viewBox="0 0 20 20">
        <path d="M0,20 20,20 20,8 0,8z M10,13 10,16z M4,8 a6,8 0 0,1 12,0" />
      </svg>
      <input type="password" class="login__input pass" placeholder="Password"/>
    </div>
    <button type="button" class="login__submit">Sign in</button>
    <p class="login__signup">Don't have an account? &nbsp;<a>Sign up</a></p>
  </div>
</div>

确切的问题：

index.js始终生成“错误传递”消息。这意味着，

if（$（'input[pass].login\uu input'）.val（）==password）{

从来都不是真的。为什么这从来都不是真的，即使我使用“ABCD”

---

谢谢大家！

这是因为此选择器不好：

$('input[pass] .login__input')

这是正确的：

$('.login__input.pass')

使用其中一个

$('input[type=password]')

或

---

作为一个选择器。

你知道这种身份验证和完全没有身份验证一样强大，对吗？是的，我是。我想实现的是一个看起来像身份验证，但实际上不是的表单。它起作用了。不要破坏你的帖子。谢谢，你是MVP！

$('input[type=password]')

$('.login__input.pass')