Question

我想检查该值是否为空白或一个空格，所以我编写了代码

var OccLocation = document.getElementById("HdnOccLocation");
if (OccLocation.value != " " && OccLocation.value != "") {
  alert("not empty");
}

<input type="hidden" id="HdnOccLocation" name="HdnOccLocation" value="" style="position:absolute;height:20px;color:#000000;text-align:left;font-size:12px;font-style:normal;width:26px;background-color:#00cccc;left:800px;font-weight:normal;top:220px;" class="textClass"
/>

Answer 1

您的情况不正确。

您必须使用==而不是!=。
如果您使用&&，则两个条件都应为true以返回true，在这种情况下，这最终是不可能同时实现的。请改用||，如果任何条件为true，则将其评估为true。

条件应为：

if (OccLocation.value ==" " || OccLocation.value == "")

即使您可以使用String.prototype.trim() 来简化条件，

trim()方法可从字符串的两端删除空格。在这种情况下，空白是所有空白字符（空格，制表符，不间断空格等）和所有行终止符（LF，CR等）。

尝试

if (OccLocation.value.trim() ==  "")

var OccLocation = document.getElementById("HdnOccLocation");

if (OccLocation.value.trim()== ""){
  alert ("empty");
}

<input type="hidden" id="HdnOccLocation" name="HdnOccLocation" value="" style="position:absolute;height:20px;color:#000000;text-align:left;font-size:12px;font-style:normal;width:26px;background-color:#00cccc;left:800px;font-weight:normal;top:220px;" class="textClass" />

Answer 2

您可以如下更新条件。

main = $('#main');
opacity = 0;
setOpacity(main) {
    if (this.opacity > 1) {
        main.css('opacity', 1);
        return;
    }
    setTimeout(() => {
        opacity += 0.2;
        main.css('opacity', opacity);
        setOpacity(main);
    }, 100);
}

如果您想在var OccLocation = document.getElementById("HdnOccLocation"); if (OccLocation.value.trim() == "") { alert("empty"); }不为空的情况下获得警报，则：

OccLocation

Answer 3

您正在检查它是否为空，然后警告它为空。我认为您的意思是检查它是否为空。将您的JS更改为以下内容：

var OccLocation = document.getElementById("HdnOccLocation");

if (OccLocation.value === " " || OccLocation.value === "")
{
    alert ("empty");
}

Answer 4

您的代码立即运行，并且value=""将其设置为空。在这里，我在标记中设置了值，使其具有一些值，因此它发出警报。

var OccLocation = document.getElementById("HdnOccLocation");
console.log(OccLocation.value)
if (OccLocation.value != " " && OccLocation.value != "") {
  alert("not empty");
}

<input type="hidden" id="HdnOccLocation" name="HdnOccLocation" value="dd" style="position:absolute;height:20px;color:#000000;text-align:left;font-size:12px;font-style:normal;width:26px;background-color:#00cccc;left:800px;font-weight:normal;top:220px;" class="textClass"
/>

为什么我不能在JavaScript中使用&&来表示空白和空格

4 个答案: