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

js正则表达式简单例子

2016-01-30 17:10 651 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js正则表达式</title>
</head>
<body>

<textarea id="txt1" rows="10" cols="40"></textarea>
<br/>
<input type="button" id="btn1" value="过滤" />
</br>
<textarea id="txt2" rows="10" cols="40" ></textarea>
</br>
<textarea id="txt3" rows="10" cols="40" ></textarea>
<!--量词-->
<!--
{n}       正好出现n次
{n,m}     最少n次，最多m次
{n,}      最少n次，最多不限
+         {1,}
?         {0,1}  //最少0次，最多1次
*         {0,n}   //最少0位,最多n位   注意：出现了0次也当成.计算进去，所以，尽量不用

?例如：（电话号码）
010-            3242453     -10
(0\d{2-3}-)?     [1-9]\d{7}  (-\d{1,5})?

例如：
\d{8}          8位数字
[1-9]\d{7}     第一位数为数字1-9，之后的数字为7位
[1-9]\d{4,10}  第一位数为数字1-9，之后的数字为4-10位
-->
<input type="text" id="txt4" />
<input type="button" value="check" id="btn2"/>
</body>
<script>
window.onload=function(){
guoLu();
mailTest();
};
//正则表达式中 “.”   代表任意字符
//              \d  数字                [0-9]
//              \w  英文、数字、下划线  [a-z0-9_]
//              \s  空白字符
//              \D  不是数字            [^0-9]
//              \W  不是字母            [^a-z]
//              \S  不是空白

function guoLu() {    //使用正则表达式实现文字过滤
var oTxt1 = document.getElementById('txt1');
var oTxt2 = document.getElementById('txt2');
var oBtn = document.getElementById('btn1');
var oTxt3 = document.getElementById('txt3');
oBtn.onclick = function () {
var re = /wade|james/g;  //正则表达式选中wade和james
var re2 = /<[^<>]+>/g;   //过滤html标签
oTxt2.value = oTxt1.value.replace(re, '***');
oTxt3.value = oTxt1.value.replace(re2, ' ');
}
}
function mailTest(){    //检验邮箱填写是否正确
var oBtn2=document.getElementById('btn2');
var oTxt4=document.getElementById('txt4');
oBtn2.onclick=function(){
var re=/^\w+@[a-z0-9]+\.[a-z]+$/i;
if(re.test(oTxt4.value)){
alert('邮箱正确');
}
else{
alert('邮箱错误');
}
}
}
</script>
</html>

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

标签：

相关文章推荐

新的分享

章节导航