webregexp 正则测试实现代码 / 张生荣

WebRegExp 1.0 - 客服果果 [ 无忧版 ]

body{background:#2B3C53;}
*{font-size:12px;}
#win{
width:900px;font-size:12px;
position:absolute;left:0;top:0;
background:#F1F0EA;
border:2px outset;color:#000;
-moz-border-top-colors:#d4d0c8 white;
-moz-border-left-colors: #d4d0c8 white;
-moz-border-right-colors:#404040 #808080;
-moz-border-bottom-colors:#404040 #808080;
}
h4{
background:#35528E url(images/caption.jpg) repeat-y 100% 0;
margin:1px;padding:5px;cursor:default;
color:#fff;font-size:14px;font-family:Arial;
}
h4 div{
background:url(images/ico.gif) no-repeat 2px 0;
padding-left:25px;
}
#about{ text-decoration:none;color:#000;padding:2px}
.menu{line-height:20px;padding:0px 10px}
.line{
font-size:1px; line-height:1px;
background:#fff; margin:0 2px; height:1px;
overflow:hidden; border-top:1px solid #ACA899;
}
.ad{
background:#FF7B00 url(images/regexp_ad.gif) no-repeat 50% 50%;
height:60px; position:relative;
}
.ibody{margin:5px;}
.left{
width:250px;height:100%;
float:left;text-align:center;
}
.btnWrap{padding:5px 0;}
button{+margin-left:2px;padding:0px; }
#tabBtns a{
color:#000;text-decoration:none;
display:block; float:left;margin-right:1px;
width:47px;height:20px;line-height:20px;
background:#fff url(images/tab.gif) no-repeat 0 0;
}
.list_wrap{margin:5px;}
#tabBtns{z-index:10;border:0px solid #aaa; }
#tabBtns a:hover{
background:url(images/tab.gif) no-repeat 0 -21px;
}
#tabBtns a.hot,#tabBtns a.hot:hover{
background:url(images/tab.gif) no-repeat 0 100%;
width:52px; height:20px; position:relative;bottom:-1px;
}
.list_option{
background:#fff; margin:0px;padding:0px;
border:1px solid #919B9C;display:none;
}
#list_match.list_option{display:block;}
.right{width:636px; float:right;}
.clear{clear:both;font-size:0px;overflow:hidden;height:0px; }
#colorText,textarea{
margin:5px auto;height:100px;
overflow:auto;border:1px solid inset;
}
#colorText{background:#fff;text-align:left;word-wrap:break-word;overflow:hidden;}
#regexpText{width:236px}
#replaceText{height:30px;}
#regexpText{height:60px;}
#replaceText,#targetText,#resultText{width:620px}
#targetText{height:200px;background:#ddd;color:#000; }
#resultText{height:60px;color:#0099FF}
select{width:216px;height:170px;margin:0px;padding:0px;margin-top:10px; }
fieldset{ text-align:center;padding:0; margin:10px 0 0 0}
legend{margin-left:10px;color:#000; }

WebRegExp 1.0 - 客服果果 [ 无忧版 ]

关于(A)

正则式输入
]+>

输出
剔除
替换
查找下一个
列表

模式匹配
忽略大小写
多行模式
全局模式

常用正则式

验证
提取
剔除

测试文本

客服果果

爬虫

替换文本
dhooo

查找结果

ldh={
ex:function(main,ex){for(var k in (ex||{}))main[k]=ex[k];return main}
,each:function(list,fn){for(var i=0;i'+(new Date-beginTime)+" 毫秒"
command(mArr,re,mode,time);
}
if(document.all){
var rngTarget=$('#targetText').createTextRange(),firstRng=rngTarget.getBookmark();
}
function findText(text){
if(!text)return;
rngTarget.collapse(true);
if(rngTarget.findText(text)){
rngTarget.select();
rngTarget.collapse(false);
}else{
rngTarget.moveStart('character',-$('#targetText').value.length);
}
} ;
(function (){
$('#regexpText').onchange=function(){resultList=[];}
$('#exps1').onchange=
$('#exps2').onchange=
$('#exps3').onchange=function (){$('#regexpText').value=this.value;resultList=[]};
($('#doFind').onclick=function (){
command=function(mArr,a,b,c){
$('#reInfo').innerHTML='查找结果(共找到 '+mArr.length+' 个匹配,'+c+')';
if(mArr.length==0)return $('#resultText').value='没有找到匹配项';
var txt=[];
ldh.each(mArr,function (i){txt.push((i+1)+'. '+this+'\n')});
$('#resultText').value=txt.join('');
};
applySearch();
})();
$('#doReplace').onclick=function (){
command=function (mArr,re,b,c){
$('#resultText').value=$('#targetText').value.replace(re,$('#replaceText').value);
$('#reInfo').innerHTML='已替换 '+mArr.length+' 个匹配项 ('+c+')'
}
applySearch();
};
$('#doTrim').onclick=function (){
command=function (mArr,re,b,c){
$('#resultText').value=$('#targetText').value.replace(re,'');
$('#reInfo').innerHTML='已剔除 '+mArr.length+' 个匹配项 ('+c+')'
}
applySearch();
};
$('#doOut').onclick=function (){
command=function (mArr,re,mode,c){
$('#resultText').value=$('#targetText').value.replace(re,'');
$('#reInfo').innerHTML='JavaScript代码 ('+c+')';
if(mArr.length==0)return $('#resultText').value='由于没有任何匹配项，所以未能输出正则表达式!';
mode=mode?',"'+mode+'"':'';
var txt=$('#regexpText').value.replace(/\\/g,'\\\\')
$('#resultText').value='myRegExp=new RegExp("'+txt+'"'+mode+');';
}
applySearch();
};
$('#doNext').onclick=function (){
if(resultList.length==0){applySearch()}
var m=resultList.shift()
findText(m);
$('#resultText').value=m?m:'没有找到匹配项';
}
ldh.each($('A','#tabBtns'),function (i){
this.index=i;
this.onkeydown=blur;
this.onclick=function (){
var List=$('DIV','#all_list');
var Btns=$('A','#tabBtns');
ldh.each(Btns,function(){this.className=''});
this.className='hot';
ldh.each(List,function(){this.style.display='none'});
List[this.index].style.display='block';
}
});
ldh.each([
{text:'合法帐号',value:'^[a-zA-Z][a-zA-Z0-9_]{4,15}$' }
,{text:'图片文件',value:'.*(.jpg|.jpeg|.gif|.png)$'}
,{text:'E-mail',value:'^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$'}
,{text:'身份证',value:'^\\d{15}|\\d{18}$'}
,{text:'QQ号',value:'^[1-9]*[1-9][0-9]*$'}
,{text:'全中文',value:'^[\\u4e00-\\u9fa5]+$'}
,{text:'手机号码',value:'^13\\d{9}|15[89]\\d{8}|189\\d{8}$'}
,{text:'固定电话',value:'^((\\d{3}|\\d{4})-?)?(\\d{8}|\\d{7})$'}
,{text:'邮政编码',value:'^[1-9]{1}(\\d+){5}$'}
,{text:'URL',value:'http:\/\/([\\w-]+\\.)+[\\w-]+(\/\\[\\w- .\/?%&=\\]*)?'}
,{text:'IP地址',value:'^(\\d{1,2}|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d{1,2}|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d{1,2}|1\\d\\d|2[0-4]\\d|25[0-5])\\.(\\d{1,2}|1\\d\\d|2[0-4]\\d|25[0-5])$'}
,{text:'数字',value:'^[+|-]?\\d*\\.?\\d*$'}
,{text:'正整数',value:'^[1-9]\\d*$'}
,{text:'负整数',value:'^-[1-9]\\d*$'}
,{text:'任意整数',value:'^-?[1-9]\\d*$'}
,{text:'正浮点数',value:'^[1-9]\\d*\\.\\d*|0\\.\\d*[1-9]\\d*$'}
,{text:'负浮点数',value:'^-([1-9]\\d*\\.\\d*|0\\.\\d*[1-9]\\d*)$'}
,{text:'任意浮点数',value:'^-?([1-9]\\d*\\.\\d*|0\\.\\d*[1-9]\\d*|0?\\.0+|0)$'}
,{text:'英文字母',value:'^[A-Za-z]+$'}
,{text:'小写英文字母',value:'^[a-z]+$'}
,{text:'大写英文字母',value:'^[A-Z]+$'}
],function (){var O=$('#exps1').options;O[O.length]=new Option(this.text,this.value)});
ldh.each([
{text:'img标签',value:']+>' }
,{text:'链接',value:']+>(.*?)'}
,{text:'图片地址',value:'(s|S)(r|R)(c|C) *= *(\\\'|\\\")?(\\w|\\\\|\\/|\\.|:)+(\\4)'}
,{text:'链接地址',value:'href=(\\"|\\\'|)([^\\"\\\']+)(\\1)'}
,{text:'中文字符',value:'[\\u4e00-\\u9fa5]'}
,{text:'双字节字符',value:'[^\\x00-\\xff]'}
,{text:'文件名',value:'([^\\\/]*?)(?:\\.\\w+)$'}
],function (){var O=$('#exps2').options;O[O.length]=new Option(this.text,this.value)});
ldh.each([
{text:'空行',value:'\\n[\\s| ]*\\r'}
,{text:'HTML标签',value:']+>'}
,{text:'首尾空格',value:'(^\\s*)|(\\s*$)'}
],function (){var O=$('#exps3').options;O[O.length]=new Option(this.text,this.value)});
if(!document.all)$('#doNext').disabled=true;
ldh.drag(ldh.find('#caption'),{win:ldh.find('#win'),left:0,top:0});
})()

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

Tags：webregexp 正则测试

2017-01-01正则表达式教程之匹配一组字符详解
2009-10-10PHP 正则的使用基础入门
2009-12-12一个替换目录结构的正则表达式实现目录的增加
2011-02-02jQuery中的正则表达式分析正则基础
2017-01-01正则表达式教程之前后查找lookaround详解
2017-07-07正则表达式注册表验证笔记整理
2006-06-06能说明一下GETROWS的用法吗？
2016-09-09Java使用正则表达式对注册页面进行验证功能实现
2006-06-06正则表达式regular expression详述（一）
2011-09-09学php正则！超基础简单例子

webregexp 正则测试实现代码

WebRegExp 1.0 - 客服果果 [ 无忧版 ]

相关文章

最新评论

webregexp 正则测试实现代码

WebRegExp 1.0 - 客服果果 [ 无忧版 ]

相关文章

最新评论

相关推荐

随机推荐