如何在 JavaScript 中结合正则表达式

Question

我有一个要求，输入字符串不应该是空字符串（允许所有字符）并且长度应该在 1 到 500 之间。

我找到了单独的工作表达式，一个用于检查空字符串，一个用于长度。我无法将它们组合成一个表达式，该表达式应该告诉我输入是“空字符串”还是超过 500 个字符。

jsfiddle here

对于空字符串

var regex = /^\s*$/;

长度

{1,499}

Answer 1

从您检查“空”字符串的示例中，很明显您希望忽略开头或结尾的空格。

如果您实际上没有正则表达式要求，最简单的方法就是 trim 并检查长度：

str = str.trim();
if (str.length && str.length <= 500) {
    // All good
}

但如果您需要一个正则表达式（可能是 HTML5 验证正则表达式），那么只需说 1.“忽略开头的空格，2.中间需要 1-500 个字符, 和 3. 忽略末尾的空格。” （用锚确保我们匹配完整的字符串）：

//          111          333
// ---------vvv----------vvv
var rex = /^\s*\S.{0,499}\s*$/;
// ------------^^^^^^^^^^
//             2222222222

注意\S，它至少需要一个非空白字符，后跟 0 到 499 个其他字符。

注意：您需要在某些时候trim 字符串，因为另一端的空格可能会超过 500 个限制。

示例用法：

// NOTE: Using 5 instead of 500 to make tests shorter
var rex = /^\s*\S.{0,4}\s*$/;
console.log(rex.test("")); // false
console.log(rex.test("a")); // true
console.log(rex.test(" a ")); // true
console.log(rex.test(" 12345 ")); // true
console.log(rex.test(" 123456 ")); // false
console.log(rex.test("123456")); // false
console.log(rex.test("1234       ")); // true
console.log(rex.test("       ")); // false

.as-console-wrapper {
  max-height: 100% !important;
}

注意：在 JavaScript 中，. 不匹配行终止字符。如果您想允许这些，请使用[\w\W]（任何单词字符或非单词字符）而不是.：/^\s*[\w\W]{1,500}\s*$/

Answer 2

使用

/^(?!\s+$)[\s\S]{1,500}$/

匹配

• ^ - 字符串开头
• (?!\s+$) - 直到字符串末尾没有 1 个或多个空格（包含 1 个或多个空格的字符串在此处失败）
• [\s\S]{1,500} - 任何 1 到 500 个字符（因此，不允许空字符串）
• $ - 字符串结束。

Answer 3

正则表达式有点超出您的需求。怎么了……

if (myString == null || myString.length > 500){
    // handle failed validation here
}

编辑

以上将允许空字符串通过。供 1 到 500 人使用

if (myString == null || myString.length < 1 || myString.length > 500){
    // handle failed validation here
}