基于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>