正则表达式：匹配至少有一个非空白字符并且不超过指定长度

最近需要用到一个验证，规则为：至少有一个非空白字符并且不超过指定长度，想用正则表达式来处理，上网搜了一下，发现其他人也有和我一样的需求，并且有高手给了几个很精彩的解决方案，现将网上的解决方案整理一下，以备其他有相同需求的人参考。

chinmo 逆向思维解决方案

<script type="text/javascript">
/**
 * 至少有一个非空白字符并且不超过6个字符的正则表达式
 * 
 * 作者：chinmo
 * 整理：http://www.CodeBit.cn
 * 来源：http://topic.csdn.net/u/20090207/18/ffa003ed-ecd4-40e0-b81f-36aa1fe46d85.html#r_55136904
 */
var pattern = /^[s]{0,}$|^[ws]{7,}$/g;
var str = "";
var str1 = " ";
var str2 = "a";
var str3 = "abcdefgabcdefgabcdefgabcdefgg";
var str4 = " a ";

document.write(!pattern.test(str))
document.write(!pattern.test(str1))
document.write(!pattern.test(str2))
document.write(!pattern.test(str3))
document.write(!pattern.test(str4))
</script>

正则表达式规则分析：

• ^[s]{0,}$ ：整个字符串为空或者都是空白字符
• ^[ws]{7,}$ ： 整个字符串长度大于6

作者采用逆向思维，通过匹配不符合条件的情况，再通过取反（注意每个 document.write 中的感叹号）来实现要求达到的效果。

JK_10000 逆向思维解决方案简化版

<script type="text/javascript">
/**
 * 至少有一个非空白字符并且不超过6个字符的正则表达式
 * 
 * 作者：JK_10000
 * 整理：http://www.CodeBit.cn
 * 来源：http://topic.csdn.net/u/20090207/18/ffa003ed-ecd4-40e0-b81f-36aa1fe46d85.html#rt_55145516
 */
var pattern = /.{7}|^s*$/g;
var str = "";
var str1 = " ";
var str2 = "a";
var str3 = "www.CodeBit.cn";
var str4 = " a ";

document.write(!pattern.test(str))
document.write(!pattern.test(str1))
document.write(!pattern.test(str2))
document.write(!pattern.test(str3))
document.write(!pattern.test(str4))
</script>

正则表达式规则分析：

• .{7} ： 整个字符串长度大于6，注意：这里的 . 匹配任意字符
• ^s*$ ：整个字符串为空或者都是空白字符

JK_10000 正向思维解决方案

<script type="text/javascript">
/**
 * 至少有一个非空白字符并且不超过6个字符的正则表达式
 * 
 * 作者：JK_10000
 * 整理：http://www.CodeBit.cn
 * 来源：http://hi.baidu.com/jkisjk/blog/item/b54a7a3d1c7ce3c09f3d629b.html
 * 来源：http://topic.csdn.net/u/20090207/18/ffa003ed-ecd4-40e0-b81f-36aa1fe46d85.html#rt_55145611
 */
var pattern = /^(?!.{7}|^s*$)/g;
var str = "";
var str1 = " ";
var str2 = "a";
var str3 = "www.CodeBit.cn";
var str4 = " a ";

document.write(pattern.test(str))
document.write(pattern.test(str1))
document.write(pattern.test(str2))
document.write(pattern.test(str3))
document.write(pattern.test(str4))
</script>

正则表达式规则分析：

• .{7} ： 整个字符串长度大于6，注意：这里的 . 匹配任意字符
• ^s*$ ：整个字符串为空或者都是空白字符

作者使用了正则表达式的顺序否定环视 ，指明开始(^)后面不能有7个及以上字符，或者整个字符串为空(s 没有的情况下，^$表示内容为空），或者全部都是空白字符 (s*)。

不过，该正则表达式可以将环视条件中的 ^ 去掉，即 /^(?!.{7}|s*$)/g ， 因为规则一开始就已经有了一个 ^ 。

<script type="text/javascript">
/**
 * 至少有一个非空白字符并且不超过6个字符的正则表达式
 * 
 * 作者：JK_10000
 * 整理：http://www.CodeBit.cn
 * 来源：http://hi.baidu.com/jkisjk/blog/item/b54a7a3d1c7ce3c09f3d629b.html
 * 来源：http://topic.csdn.net/u/20090207/18/ffa003ed-ecd4-40e0-b81f-36aa1fe46d85.html#rt_55145611
 */
var pattern = /^(?!.{7}|s*$)/g;
var str = "";
var str1 = " ";
var str2 = "a";
var str3 = "www.CodeBit.cn";
var str4 = " a ";

document.write(pattern.test(str))
document.write(pattern.test(str1))
document.write(pattern.test(str2))
document.write(pattern.test(str3))
document.write(pattern.test(str4))
</script>

wc 发布在 JK 博客评论中的方案

<script type="text/javascript">
/**
 * 至少有一个非空白字符并且不超过6个字符的正则表达式
 * 
 * 作者：wc
 * 整理：http://www.CodeBit.cn
 * 来源：http://hi.baidu.com/jkisjk/blog/item/b54a7a3d1c7ce3c09f3d629b.html
 */
var pattern = /^(?=.*?S)[sS]{0,6}$/g;
var str = "";
var str1 = " ";
var str2 = "a";
var str3 = "www.CodeBit.cn";
var str4 = " a ";

document.write(pattern.test(str))
document.write(pattern.test(str1))
document.write(pattern.test(str2))
document.write(pattern.test(str3))
document.write(pattern.test(str4))
</script>

正则表达式规则分析：

• (?=.*?S) ：肯定顺序环视，指定任意多个任意字符后面有个非空白字符
• [sS]{0,6} ： 6个以内的空白或者非空白字符

在 Javascript 中使用全局匹配修饰符 g 的时候要特别注意，可参考本站的另外一篇文章：Javascript 中使用 exec 进行正则表达式全局匹配时的注意事项