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>
