Javascript 请参见文本框中值的长度

我希望能够在文本框中键入一个单词，然后单击下面的按钮，如果字母数低于5，该按钮将发出警报

Type in words to see how long they are: <input type="text" id="txtBox" name="txtBox" value="banter"/>
<button onclick="myFunction()">Try It</button>

<script type="text/javascript">

    function myFunction() {
    var x = document.getElementById['txtBox'];
        if (x.length < 5) {
        alert('please enter at least 5 characters');
        return false;

        }
    }

</script>

键入单词以查看它们的长度：
试试看
函数myFunction（）{
var x=document.getElementById['txtBox']；
如果（x.长度<5）{
警报（“请输入至少5个字符”）；
返回false；
}
}

使您的

var x=document.getElementById['txtBox']

to

var x=document.getElementById（'txtbox'）

此处

x

是一个元素而不是一个值

因此，将

x.length

更改为

x.value.length

键入单词以查看它们的长度：
试试看
函数myFunction（）{
var x=document.getElementById（'txtBox'）；
如果（x.value.length<5）{
控制台日志（x.length）；
警报（“请输入至少5个字符”）；
}
}

两件事：用

（）

调用函数，而不是

[]

，您需要检查元素

值的
长度，而不是元素本身的长度

function myFunction() {
    var element = document.getElementById('txtBox');
    if (x.value.length < 5) {
        alert('please enter at least 5 characters');
        return false;
    }
}

函数myFunction（）{
var元素=document.getElementById（'txtBox'）；
如果（x.value.length<5）{
警报（“请输入至少5个字符”）；
返回false；
}
}
请对您的代码进行以下更改，它将起作用：

var x = document.getElementById('txtBox').value;

您需要使用
（）
而不是
[]
即
getElementById（'txtBox'）
，因为它是方法。我们通过
（）
而不是
[]
调用方法，我认为这是正确的，但它仍然不起作用。