使用 Javascript 基于密码输入长度启用/禁用按钮

Question

尝试根据密码输入长度启用/禁用表单按钮，但我的代码不起作用。 如果长度小于 15 个字符，则应禁用按钮。

到目前为止，我的简单 html 表单

<form class="form" id="form1" method="POST" action="submit.php" accept-charset="UTF-8" autocomplete="off">
   <input type="password" placeholder="Password" id="passfield">
   <button type="submit" id="form-submit">CONNECT</button>
</form>

在我的情况下不需要用户名字段

到目前为止我的Javascript代码

function submit_btn() {

  var field = document.getElementById("passfield");
  var button = document.getElementById("form-submit");

  if (field.value.lenght < 15){
    button.setAttribute("disabled", "");
  }else{
    button.removeAttribute("disabled");
  }
};

Answer 1

你在哪里调用 submit_btn？

还有拼写长度

这里有更好的版本

 const field = document.getElementById("passfield"); const button = document.getElementById("form-submit"); field.addEventListener("input", function() { button.disabled = field.value.length < 15; })

 <form class="form" id="form1" method="POST" action="submit.php" accept-charset="UTF-8" autocomplete="off"> <input type="password" placeholder="Password" id="passfield"> <button type="submit" disabled id="form-submit">CONNECT</button> </form>