最近需要用到一個驗證,規(guī)則為:至少有一個非空白字符并且不超過指定長度,想用正則表達(dá)式來處理,上網(wǎng)搜了一下,發(fā)現(xiàn)其他人也有和我一樣的需求,并且有高手給了幾個很精彩的解決方案,現(xiàn)將網(wǎng)上的解決方案整理一下,以備其他有相同需求的人參考
chinmo 逆向思維解決方案
復(fù)制代碼代碼如下:
<script type="text/javascript">
/**
* 至少有一個非空白字符并且不超過6個字符的正則表達(dá)式
*
* 作者:chinmo
* 整理:http://www.CodeBit.cn
* 來源:http://topic.csdn.net/u/20090207/18/ffa003ed-ecd4-40e0-b81f-36aa1fe46d85.html#r_55136904
*/
var pattern = /^[/s]{0,}$|^[/w/s]{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>
正則表達(dá)式規(guī)則分析:
^[/s]{0,}$ :整個字符串為空或者都是空白字符
^[/w/s]{7,}$ : 整個字符串長度大于6
作者采用逆向思維,通過匹配不符合條件的情況,再通過取反(注意每個 document.write 中的感嘆號)來實現(xiàn)要求達(dá)到的效果。
JK_10000 逆向思維解決方案簡化版
復(fù)制代碼代碼如下:
<script type="text/javascript">
/**
* 至少有一個非空白字符并且不超過6個字符的正則表達(dá)式
*
* 作者: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>
正則表達(dá)式規(guī)則分析:
.{7} : 整個字符串長度大于6,注意:這里的 . 匹配任意字符
^/s*$ :整個字符串為空或者都是空白字符
JK_10000 正向思維解決方案
復(fù)制代碼代碼如下:
<script type="text/javascript">
/**
* 至少有一個非空白字符并且不超過6個字符的正則表達(dá)式
*
* 作者: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>
正則表達(dá)式規(guī)則分析:
.{7} : 整個字符串長度大于6,注意:這里的 . 匹配任意字符
^/s*$ :整個字符串為空或者都是空白字符
作者使用了正則表達(dá)式的順序否定環(huán)視 ,指明開始(^)后面不能有7個及以上字符,或者整個字符串為空(/s 沒有的情況下,^$表示內(nèi)容為空),或者全部都是空白字符 (/s*)。
不過,該正則表達(dá)式可以將環(huán)視條件中的 ^ 去掉,即 /^(?!.{7}|/s*$)/g , 因為規(guī)則一開始就已經(jīng)有了一個 ^ 。
復(fù)制代碼代碼如下:
<script type="text/javascript">
/**
* 至少有一個非空白字符并且不超過6個字符的正則表達(dá)式
*
* 作者: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 發(fā)布在 JK 博客評論中的方案
復(fù)制代碼代碼如下:
<script type="text/javascript">
/**
* 至少有一個非空白字符并且不超過6個字符的正則表達(dá)式
*
* 作者:wc
* 整理:http://www.CodeBit.cn
* 來源:http://hi.baidu.com/jkisjk/blog/item/b54a7a3d1c7ce3c09f3d629b.html
*/
var pattern = /^(?=.*?/S)[/s/S]{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>
正則表達(dá)式規(guī)則分析:
(?=.*?/S) :肯定順序環(huán)視,指定任意多個任意字符后面有個非空白字符
[/s/S]{0,6} : 6個以內(nèi)的空白或者非空白字符
在 Javascript 中使用全局匹配修飾符 g 的時候要特別注意