1 <body> 2 <h1>正则表达式的源字符</h1> 3 <input type="button" value=".(匹配除了换行符外的任意字符)" id="btn1" /> 4 <br /> 5 <input type="button" value="*(匹配*前面字符，0个或者多个)" id="btn2" /> 6 <br /> 7 <input type="button" value="+(匹配+前面字符,至少一个)" id="btn3" /> 8 <br /> 9 <input type="button" value="？(匹配？前面字符,一个或者0个,不能大于1)" id="btn4" /> 10 <br /> 11 <input type="button" value="{m,n}(匹配{m,n}前面的字符,大于等于m小于等于n次)" id="btn1000" /> 12 <br /> 13 14 <h2>组合练习</h2> 15 <input type="button" value=".？(匹配除了换行符外的任意字符，最多一个字符)" id="btn5" /> 16 <br /> 17 <input type="button" value=".*(匹配除了换行符外的任意字符，0个或者多个)" id="btn6" /> 18 <br /> 19 <input type="button" value=".+(匹配除了换行符外的任意字符,至少一个)" id="btn7" /> 20 <br /> 21 <input type="button" value=".{2,10}(匹配除了换行符外的任意字符,大于等于2小于等于10次)" id="btn8" /> 22 <br /> 23 </body>
1 <script type="text/javascript"> 2 //Dom元素加载完毕 3 $(function () { 4 5 //.符号(匹配除了换行符外的任意字符 6 $("#btn1").click(function () { 7 var patten = /g..gle/i; 8 var str = 'Hello,Google'; 9 alert(patten.test(str)); 10 }); 11 //*符号(匹配*前面字符，0个或者多个) 12 $("#btn2").click(function () { 13 var patten = /go*gle/i; 14 var str = 'Hello,GooOOOOoooooogle'; 15 alert(patten.test(str)); 16 }); 17 18 //+(匹配+前面字符,至少一个) 19 $("#btn3").click(function () { 20 var patten = /go+gle/i; 21 var str = 'Hello,Ggle'; //至少一个，返回Flase 22 alert(patten.test(str)); 23 }); 24 25 //？(匹配？前面字符,一个或者0个,不能大于1) 26 $("#btn4").click(function () { 27 var patten = /go?gle/i; 28 var str = 'Hello,GoOgle'; //最多一个，返回Flase 29 alert(patten.test(str)); 30 }); 31 32 //{m,n}(匹配{m,n}前面的字符,大于等于m小于等于n次) 33 $("#btn1000").click(function () { 34 var patten = /go{1,10}gle/i; 35 var str = 'Hello,GoOOOoooooogle'; //十个，返回True 36 var strs = 'Hello,Ggle'; //0个，返回False 37 alert(patten.test(str)); 38 alert(patten.test(strs)); 39 }); 40 41 //.？(匹配除了换行符外的任意字符，最多一个字符) 42 $("#btn5").click(function () { 43 var patten = /go.?gle/i; 44 var str = 'Hello,Gokgle'; 45 alert(patten.test(str)); 46 }); 47 48 //.*(匹配除了换行符外的任意字符，0个或者多个) 49 $("#btn6").click(function () { 50 var patten = /go.*gle/i; 51 var str = 'Hello,Gok1231jklsdjfklwergle'; 52 alert(patten.test(str)); 53 }); 54 55 //.+(匹配除了换行符外的任意字符,至少一个) 56 $("#btn7").click(function () { 57 var patten = /go.+gle/i; 58 var str = 'Hello,Gogle'; //少于一个 Flase 59 var str = 'Hello,Go123456@QWSDgle'; //True 60 }); 61 62 //.{2,10}(匹配除了换行符外的任意字符,大于等于2小于等于10次) 63 $("#btn8").click(function () { 64 var patten = /go.{2,10}gle/i; 65 var str = 'Hello,Gogle'; //少于2个 Flase 66 var strs = 'Hello,Go123456gle'; //True 67 alert(patten.test(str)); 68 alert(patten.test(strs)); 69 //其他用法 70 var pattens = /go.{2,}gle/i; //表示2或者2次以上 71 var pattenss = /go.{,10}gle/i; //表示10次以下 72 var strss = 'Hello,Go1234567891011gle'; 73 alert(pattenss.test(strss)); 74 }); 75 }) 76 77 </script>