您的位置：首页 > Web前端 > JavaScript

JavaScript 正则表达式入门学习二

2014-09-29 16:39 681 查看

<body>
<h1>正则表达式的源字符</h1>
<input type="button" value=".(匹配除了换行符外的任意字符)" id="btn1" />
<br />
<input type="button" value="*(匹配*前面字符，0个或者多个)" id="btn2" />
<br />
<input type="button" value="+(匹配+前面字符,至少一个)" id="btn3" />
<br />
<input type="button" value="？(匹配？前面字符,一个或者0个,不能大于1)" id="btn4" />
<br />
<input type="button" value="{m,n}(匹配{m,n}前面的字符,大于等于m小于等于n次)" id="btn1000" />
<br />

<h2>组合练习</h2>
<input type="button" value=".？(匹配除了换行符外的任意字符，最多一个字符)" id="btn5" />
<br />
<input type="button" value=".*(匹配除了换行符外的任意字符，0个或者多个)" id="btn6" />
<br />
<input type="button" value=".+(匹配除了换行符外的任意字符,至少一个)" id="btn7" />
<br />
<input type="button" value=".{2,10}(匹配除了换行符外的任意字符,大于等于2小于等于10次)" id="btn8" />
<br />
</body>

<script type="text/javascript">
//Dom元素加载完毕
$(function () {

//.符号(匹配除了换行符外的任意字符
$("#btn1").click(function () {
var patten = /g..gle/i;
var str = 'Hello,Google';
alert(patten.test(str));
});
//*符号(匹配*前面字符，0个或者多个)
$("#btn2").click(function () {
var patten = /go*gle/i;
var str = 'Hello,GooOOOOoooooogle';
alert(patten.test(str));
});

//+(匹配+前面字符,至少一个)
$("#btn3").click(function () {
var patten = /go+gle/i;
var str = 'Hello,Ggle'; //至少一个，返回Flase
alert(patten.test(str));
});

//？(匹配？前面字符,一个或者0个,不能大于1)
$("#btn4").click(function () {
var patten = /go?gle/i;
var str = 'Hello,GoOgle'; //最多一个，返回Flase
alert(patten.test(str));
});

//{m,n}(匹配{m,n}前面的字符,大于等于m小于等于n次)
$("#btn1000").click(function () {
var patten = /go{1,10}gle/i;
var str = 'Hello,GoOOOoooooogle'; //十个，返回True
var strs = 'Hello,Ggle'; //0个，返回False
alert(patten.test(str));
alert(patten.test(strs));
});

//.？(匹配除了换行符外的任意字符，最多一个字符)
$("#btn5").click(function () {
var patten = /go.?gle/i;
var str = 'Hello,Gokgle';
alert(patten.test(str));
});

//.*(匹配除了换行符外的任意字符，0个或者多个)
$("#btn6").click(function () {
var patten = /go.*gle/i;
var str = 'Hello,Gok1231jklsdjfklwergle';
alert(patten.test(str));
});

//.+(匹配除了换行符外的任意字符,至少一个)
$("#btn7").click(function () {
var patten = /go.+gle/i;
var str = 'Hello,Gogle'; //少于一个 Flase
var str = 'Hello,Go123456@QWSDgle'; //True
});

//.{2,10}(匹配除了换行符外的任意字符,大于等于2小于等于10次)
$("#btn8").click(function () {
var patten = /go.{2,10}gle/i;
var str = 'Hello,Gogle'; //少于2个 Flase
var strs = 'Hello,Go123456gle'; //True
alert(patten.test(str));
alert(patten.test(strs));
//其他用法
var pattens = /go.{2,}gle/i; //表示2或者2次以上
var pattenss = /go.{,10}gle/i; //表示10次以下
var strss = 'Hello,Go1234567891011gle';
alert(pattenss.test(strss));
});
})

</script>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航