Question

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

Answer 1

非常简单，只需使用.length：

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

以下是.value.length的简单示例：

var checkLength = function () {
  if (document.getElementById('bedrijfsnaam').value.length > 5) {
    document.getElementById('more').setAttribute('style', 'display: block');
    document.getElementById('less').setAttribute('style', 'display: none');
  } else {
    document.getElementById('more').setAttribute('style', 'display: none');
    document.getElementById('less').setAttribute('style', 'display: block');
  }
}

<input id="bedrijfsnaam" onkeyup="checkLength()">

<p id="more">Input value length is more then 5</p>
<p id="less">Input value length is less or equal to 5</p>

Answer 2

假设您正在检查这两个条件：

if (document.getElementById('bedrijfsnaam').value == false && document.getElementById('bedrijfsnaam').value.length>5)

length 是字符串的属性，它返回字符串中的字符数。

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

Answer 3

在javasscript中，如果字符串为空，则将其评估为false，并且对于长度，您可以使用其length属性

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

Answer 4

if (document.getElementById("id").value.length > 5)

这是最好的解决方案，但是：如果您使用 VSCODE，请注意打字时增值中的大写 V。

确定getElementById输入长度

4 个答案: