我需要檢查密碼的長度，但由於某種原因.lenght 不起作用？

Question

• 如果我在if()執行password1.lenghth並測試長度，它仍然顯示密碼短於 5。
• 我還在上學，所以我們正在做一些看似顯而易見但對我來說並不重要的簡單事情。
• 也試過把var pass_lenght= password1.lenght; 和var pass_lenght= document.getElementById("password1").lenght; 沒有工作 有誰知道為什么？

謝謝

    var password1= document.getElementById("password1");
    var password2= document.getElementById("password2");
    password1.addEventListener("blur",function()
    {

        if (password1!= password2) {     
            password1.setAttribute("class","wrong");
            password2.setAttribute("class","wrong");
            return false;
            } 

            else if(password1.lenght<5)
            {
            password1.setAttribute("class","wrong");
            return false;

            }
            else
            {
            password1.setAttribute("class","correct");
            }
    });




    password1.addEventListener("blur",function()
    {

        if (password1!= lozinka2) {     
            password1.setAttribute("class","wrong");
            password2.setAttribute("class","wrong");
            return false;
            } 

            else if(password2.lenght<5)
            {
            password2.setAttribute("class","wrong");
            return false;
            }
            else
                {
            password2.setAttribute("class","correct");
        }
    });

Answer 1

似乎問題在於您實際上並未訪問長度。 你的getElementById完全按照它說的去做，通過 id 獲取一個元素。 但是您想要輸入的值，而不是元素。

You: password1.length
Correct: password1.value.length

此外，即使您更改它，甚至不會到達else if語句，因此那將毫無意義。

因此，只需將password1和password2變量更改為：

var password1= document.getElementById("password1").value;
var password2= document.getElementById("password2").value;

Answer 2

上面的代碼有一些缺陷，如下：

1. 如果你想要實際的文本，你應該使用value屬性。

var password1= document.getElementById("password1").value;

2. 這可能是因為你的length拼寫錯誤。

Answer 3

您通常測量輸入字段的長度，但永遠不能直接測量元素的長度。 您必須通過以下方式獲取輸入字段的值：

var password1= document.getElementById("password1").value;

console.log(password1.length) //======> this will print the length.