if ((str?.trim()?.length || 0) > 0) {
   // str must not be any of:
   // undefined
   // null
   // ""
   // " " or just whitespace
}

或以函数形式：

const isNotNilOrWhitespace = input => (input?.trim()?.length || 0) > 0;

const isNilOrWhitespace = input => (input?.trim()?.length || 0) === 0;

试试这个

str.value.length == 0

为了检查变量是否为false，或者它的长度属性是否等于零（对于字符串，这意味着它为空），我使用：

function isEmpty(str) {
    return (!str || str.length === 0 );
}

（请注意，字符串不是唯一具有长度属性的变量，例如，数组也有它们。）

或者，您可以使用（并非如此）新可选的链接和箭头函数来简化：

const isEmpty = (str) => (!str?.length);

它将检查长度，如果为空值，则返回undefined，而不会抛出错误。在空值的情况下，零是错误的，结果仍然有效。

为了检查变量是否为false，或者字符串是否仅包含空格或为空，我使用：

function isBlank(str) {
    return (!str || /^\s*$/.test(str));
}

如果需要，您可以像这样对String原型进行猴式修补：

String.prototype.isEmpty = function() {
    // This doesn't work the same way as the isEmpty function used 
    // in the first example, it will return true for strings containing only whitespace
    return (this.length === 0 || !this.trim());
};
console.log("example".isEmpty());

请注意，monkey修补内置类型是有争议的，因为无论出于什么原因，它都会破坏依赖于内置类型现有结构的代码。

isBlank函数的最终和最短变体：

/***将返回：*False for：对于所有带字符的字符串*True for：false，null，undefined，0，0.0，“”，“”。**@param字符串*@return｛boolean｝*/函数isBlank（str）{return（！！！str||/^\s*$/.test（str））；}//测试console.log（“isBlank TRUE变量：”）；console.log（isBlank（false））；console.log（isBlank（未定义））；console.log（isBlank（null））；console.log（isBlank（0））；console.log（isBlank（0.0））；console.log（isBlank（“”））；console.log（isBlank（“”））；console.log（“isBlank FALSE变量：”）；console.log（isBlank（“0”））；console.log（isBlank（“0.0”））；console.log（isBlank（“0”））；console.log（isBlank（“0”））；console.log（isBlank（“测试字符串”））；console.log（isBlank（“true”））；console.log（isBlank（“false”））；console.log（isBlank（“null”））；console.log（isBlank（“未定义”））；

function tell()
{
    var pass = document.getElementById('pasword').value;
    var plen = pass.length;

    // Now you can check if your string is empty as like
    if(plen==0)
    {
        alert('empty');
    }
    else
    {
        alert('you entered something');
    }
}

<input type='text' id='pasword' />

这也是检查字段是否为空的通用方法。

我做了一些研究，如果将非字符串和非空/空值传递给测试器函数会发生什么。正如许多人所知，（0==“”）在JavaScript中是真的，但由于0是一个值，而不是空或null，因此您可能需要测试它。

以下两个函数仅对未定义的、null、空/空白值返回true，对其他所有值（如数字、布尔值、对象、表达式等）返回false。

function IsNullOrEmpty(value)
{
    return (value == null || value === "");
}
function IsNullOrWhiteSpace(value)
{
    return (value == null || !/\S/.test(value));
}

存在更复杂的示例，但这些示例很简单，并给出了一致的结果。不需要测试undefined，因为它包含在（value==null）检查中。您还可以通过如下方式将C#行为添加到String中来模拟它们：

String.IsNullOrEmpty = function (value) { ... }

您不希望将其放在Strings原型中，因为如果String类的实例为空，则会出错：

String.prototype.IsNullOrEmpty = function (value) { ... }
var myvar = null;
if (1 == 2) { myvar = "OK"; } // Could be set
myvar.IsNullOrEmpty(); // Throws error

我使用以下值数组进行了测试。如果有疑问，您可以循环使用它来测试您的功能。

// Helper items
var MyClass = function (b) { this.a = "Hello World!"; this.b = b; };
MyClass.prototype.hello = function () { if (this.b == null) { alert(this.a); } else { alert(this.b); } };
var z;
var arr = [
// 0: Explanation for printing, 1: actual value
    ['undefined', undefined],
    ['(var) z', z],
    ['null', null],
    ['empty', ''],
    ['space', ' '],
    ['tab', '\t'],
    ['newline', '\n'],
    ['carriage return', '\r'],
    ['"\\r\\n"', '\r\n'],
    ['"\\n\\r"', '\n\r'],
    ['" \\t \\n "', ' \t \n '],
    ['" txt \\t test \\n"', ' txt \t test \n'],
    ['"txt"', "txt"],
    ['"undefined"', 'undefined'],
    ['"null"', 'null'],
    ['"0"', '0'],
    ['"1"', '1'],
    ['"1.5"', '1.5'],
    ['"1,5"', '1,5'], // Valid number in some locales, not in JavaScript
    ['comma', ','],
    ['dot', '.'],
    ['".5"', '.5'],
    ['0', 0],
    ['0.0', 0.0],
    ['1', 1],
    ['1.5', 1.5],
    ['NaN', NaN],
    ['/\S/', /\S/],
    ['true', true],
    ['false', false],
    ['function, returns true', function () { return true; } ],
    ['function, returns false', function () { return false; } ],
    ['function, returns null', function () { return null; } ],
    ['function, returns string', function () { return "test"; } ],
    ['function, returns undefined', function () { } ],
    ['MyClass', MyClass],
    ['new MyClass', new MyClass()],
    ['empty object', {}],
    ['non-empty object', { a: "a", match: "bogus", test: "bogus"}],
    ['object with toString: string', { a: "a", match: "bogus", test: "bogus", toString: function () { return "test"; } }],
    ['object with toString: null', { a: "a", match: "bogus", test: "bogus", toString: function () { return null; } }]
];