Javascript 仅当minlength=8时激活onclick如何操作？

尝试使用Javascript正确连接处理程序，然后选择并检查

密码
字段的
长度
：


const passwordInput=document.querySelector（'input[type=“password”]”）；
document.querySelector（'input[type=“submit”]”）
.addEventListener（'单击'，函数（））{
如果（passwordInput.value.length>=8）this.value='正在连接，请稍候…'；
});

您可以获取输入的属性
minlength
，并使用该属性测试输入的文本长度，如下所示：


let button=document.querySelector（“[type=submit]”）
让输入=document.querySelector（“[type=password]”）
按钮。addEventListener（'click'，函数（e）{
//获取输入字段的最小长度
设minlen=input.getAttribute（'minlength'）|| 8
//如果输入长度小于minlength，则阻止提交
if（input.value.length


您可以在密码字段中添加onkeypress属性，该属性调用JavaScript函数检查是否输入了8个字符，如果输入了8个字符，则通过JS向按钮添加事件侦听器

    <input type="password" onkeypress="checkLength(this)">
<button id="button">Button</button>
<script>
function checkLength(e) {
if (e.length > 7) {
document.getElementById("button").addEventListener("click", functionToCall());
}
}
</script>


按钮
函数校验长度（e）{
如果（如长度>7）{
document.getElementById（“按钮”）.addEventListener（“单击”，functionToCall（））；
}
}


功能激活（ele）{
var pEle=document.getElementsByName（“消息”）[0]；
如果（贝利值长度>=贝利最小长度）{
ele.value=“正在连接，请稍候…”；
}
}
Test pending
onclick=“return this.form.message.value.length>=8？this.value='连接请稍候…'：false“
我会将
8
更改为
passwordInput.getAttribute（'minlength'）
<p><input name="message" type="password" minlength="8" required style="font-size:50;width: 70%;" /></p>
<p><input onclick="activate(this)" class="button" name="submit" type="submit" value="Enter" /></p>
<script>
    function activate(ele) {
        var pEle = document.getElementsByName("message")[0];
        if(pEle.value.length >= pEle.minLength){
            ele.value = "Connecting, Pls wait...";
        }
    }
</script>