Javascript 确定输入的getElementById长度

Javascript 确定输入的getElementById长度,javascript,Javascript,我使用if(document.getElementById('bedrijfsnaam').value==false)检查输入字段是否有值。 如何检查它是否超过5个字符?非常简单,只需使用.length: if (document.getElementById('bedrijfsnaam').value.length > 5) { // do stuff } 下面是一个带有.value.length的简单示例: if (document.getElementById('bedrijf

我使用
if(document.getElementById('bedrijfsnaam').value==false)
检查输入字段是否有值。
如何检查它是否超过5个字符?

非常简单,只需使用
.length

if (document.getElementById('bedrijfsnaam').value.length > 5) {
  // do stuff
}

下面是一个带有
.value.length
的简单示例:

if (document.getElementById('bedrijfsnaam').value.length > 5) {
  // do stuff
}
var checkLength=函数(){
if(document.getElementById('bedrijfsnaam').value.length>5){
document.getElementById('more').setAttribute('style','display:block');
document.getElementById('less').setAttribute('style','display:none');
}否则{
document.getElementById('more').setAttribute('style','display:none');
document.getElementById('less').setAttribute('style','display:block');
}
}

输入值长度大于5


输入值长度小于或等于5

假设您同时检查这两种情况:

if (document.getElementById('bedrijfsnaam').value == false && document.getElementById('bedrijfsnaam').value.length>5)
length是字符串的一个属性,返回字符串中的字符数


作为document.getElementById('bedrijfsnaam')。值将始终返回一个字符串,您可以使用此属性轻松计算其长度。

在javasscript中,如果字符串为空,则会将其计算为false,对于长度,您可以使用其
length
属性

var inp = document.getElementById('bedrijfsnaam').value;
if (inp && inp.length > 5){
  // do something
}

这是最好的解决方案,但是:如果您使用VSCODE,请在键入时小心增值中的大写字母V。

.value.length您需要进行验证。>您也可以使用
if(document.getElementById('bedrijfsnaam')。value&&document.getElementById('bedrijfsnaam')。value.length>5)
我还用一个简单的例子更新了答案。您可以将onkeypress事件更改为onkeypup吗。onkeypress不会为某些键(如backspace/delete)激发,而onkeyup则为所有键激发。它们的执行顺序如下:OnKeyDown>OnKeyPress>onkeypup。因此,在字符出现在输入框中之前将触发onkeypress。因此,当键入第一个字符时,按键上的长度实际上是0,因为事件在前面触发,而它应该是1。@SKSpall,这是一个很好的建议,我已经用
onkeyup
更新了答案。非常感谢。