JavaScript 中的“IsNullOrWhitespace”？

Question

是否有与 .NET 的 String.IsNullOrWhitespace 等效的 JavaScript，以便我可以检查客户端的文本框是否有任何可见文本？

我宁愿先在客户端执行此操作，也不愿回发文本框值并仅依赖服务器端验证，即使我也会这样做。

Answer 1

对于简洁的现代跨浏览器实现，只需执行以下操作：

function isNullOrWhitespace( input ) {
  return !input || !input.trim();
}

这是jsFiddle。备注如下。

---

currently accepted answer 可以简化为：

function isNullOrWhitespace( input ) {
  return (typeof input === 'undefined' || input == null)
    || input.replace(/\s/g, '').length < 1;
}

利用虚假，甚至进一步：

function isNullOrWhitespace( input ) {
  return !input || input.replace(/\s/g, '').length < 1;
}

trim() is available in all recent browsers，所以我们可以选择删除正则表达式：

function isNullOrWhitespace( input ) {
  return !input || input.trim().length < 1;
}

并在混合中添加更多的虚假，产生最终（简化）版本：

function isNullOrWhitespace( input ) {
  return !input || !input.trim();
}

Answer 2

roll your own:

很简单

function isNullOrWhitespace( input ) {

    if (typeof input === 'undefined' || input == null) return true;

    return input.replace(/\s/g, '').length < 1;
}

Answer 3

不，但你可以写一个

function isNullOrWhitespace( str )
{
  // Does the string not contain at least 1 non-whitespace character?
  return !/\S/.test( str );
}

Answer 4

试试这个

检查字符串是否未定义、null、不是字符串类型、空或空格（s

/**
  * Checks the string if undefined, null, not typeof string, empty or space(s)
  * @param {any} str string to be evaluated
  * @returns {boolean} the evaluated result
*/
function isStringNullOrWhiteSpace(str) {
    return str === undefined || str === null
                             || typeof str !== 'string'
                             || str.match(/^ *$/) !== null;
}

你可以这样使用它

isStringNullOrWhiteSpace('Your String');

Answer 5

你必须自己写：

function isNullOrWhitespace(strToCheck) {
    var whitespaceChars = "\s";
    return (strToCheck === null || whitespaceChars.indexOf(strToCheck) != -1);
}

Answer 6

trim() 是 JS 缺少的一个有用的字符串函数..

添加：

String.prototype.trim = function() { return this.replace(/^\s+|\s+$/g,"") }

然后：if (document.form.field.value.trim() == "")

Answer 7

提取两个最佳答案的相关部分，你会得到这样的结果：

function IsNullOrWhitespace(input) {
    if (typeof input === 'undefined' || input == null) return true;
    return !/\S/.test(input); // Does it fail to find a non-whitespace character?
}

此答案的其余部分仅适用于那些对此答案和德克斯特答案之间的性能差异感兴趣的人。两者都将产生相同的结果，但此代码稍快一些。

在我的电脑上，对以下代码使用 QUnit 测试：

var count = 100000;
var start = performance.now();
var str = "This is a test string.";
for (var i = 0; i < count; ++i) {
    IsNullOrWhitespace(null);
    IsNullOrWhitespace(str);
}
var end = performance.now();
var elapsed = end - start;
assert.ok(true, "" + count + " runs of IsNullOrWhitespace() took: " + elapsed + " milliseconds.");

结果是：

• RegExp.replace 方法 = 33 - 37 毫秒
• RegExp.test 方法 = 11 - 14 毫秒

Answer 8

您可以使用正则表达式/\S/ 来测试字段是否为空格，并将其与空检查结合使用。

例如：

if(textBoxVal === null || textBoxVal.match(/\S/)){
    // field is invalid (empty or spaces)
}