首页
站长资源
网络推广
建站知识
免费源码
网络编程
模板素材
奇闻怪事
民俗文化
主页
/
编程学习
/
webregexp 正则测试实现代码
编程学习
2021-07-05 10:07
www.dzhlxh.cn
编程入门
WebRegExp 1.0 - 客服果果 [ 无忧版 ]对于想学习正则的朋友是个不错的在线工具，测试你正则的正确性。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title> WebRegExp 1.0 - 客服果果 [ 无忧版 ] </title> <base href="http://www.dhooo.com/web/" /> </head> <body> <div id="win"> <h4><div id="caption">WebRegExp 1.0 - 客服果果 [ 无忧版 ]</div></h4> <div class="menu"></div> <div class="line"></div> <div class="ad"></div> <div class="ibody"> <div class="left"> <fieldset> <legend>正则式输入</legend> <textarea id="regexpText"><[^>]+></textarea> <div class="btnWrap"> <button id="doOut">输出</button> <button id="doTrim">剔除</button> <button id="doReplace">替换</button> <button id="doNext">查找下一个</button> <button id="doFind">列表</button> </div> </fieldset> <fieldset > <legend>模式匹配</legend> <label for="isI"><input type="checkbox" id="isI" m="i" />忽略大小写</label> <label for="isM"><input type="checkbox" id="isM" m="m" />多行模式</label> <label for="isG"><input type="checkbox" id="isG" m="g" checked />全局模式</label> </fieldset> <fieldset class=""> <legend>常用正则式</legend> <div class="list_wrap"> <div id="tabBtns"> <div class="clear"></div> </div> <div id="all_list"> <div class="list_option" id="list_check"> <select id="exps1" size="2"></select> </div> <div class="list_option" id="list_match"> <select id="exps2" size="2"></select> </div> <div class="list_option" id="list_trim"> <select id="exps3" size="2"></select> </div> </div> </div> </fieldset> </div> <div class="right"> <fieldset> <legend>测试文本</legend> <textarea id="targetText"> <!-- testText--> <table cellspacing="0" cellpadding="4" width="100%" align="center" class="t_row"> <tr style="height: 100%"> <td width="18%" valign="top" class="t_user"> <div class="smalltxt"> 爬虫 <table width="95%" border="0" cellspacing="0" cellpadding="0" style="table-layout: fixed; overflow: hidden"> <tr><td align="center"><div class="avatar" style="width: 70"></div></td></tr></table> <!-- testText end--> </textarea> </fieldset> <fieldset > <legend>替换文本</legend> <textarea id="replaceText">dhooo</textarea> </fieldset> <fieldset> <legend id="reInfo">查找结果</legend> <textarea id="resultText"></textarea> </fieldset> </div> <div class="clear"></div> </div> </div> <script> 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<list.length;i++)fn.call(list[i],i,list)} ,chk:function $chk(obj){return !!(obj || obj === 0)} ,find:function(selector,box){ if(typeof(selector)!='string')return selector; if(selector.charAt(0)=='.')return (function(className,box){ var list=[]; ldh.each(ldh.find('*',box),function (i){ if(this.className.indexOf(className)!=-1)list.push(this) }) return list; })(selector.replace('.',''),ldh.find(box)); if(selector.charAt(0)=='#')return document.getElementById(selector.replace('#','')); return (ldh.find(box)||document).getElementsByTagName(selector); } }; ldh.ex(ldh,{ drag:function(hander,ini){ ini=ldh.ex({win:false,dir:'xy'},ini); var mover=ini.win||hander; mover.style.position="absolute"; hander.onmousedown=function (e){ e=window.event||e; this.x=e.clientX-mover.offsetLeft; this.y=e.clientY-mover.offsetTop; if(document.all){ hander.onlosecapture=dragStop; hander.setCapture(); }else{ window.onblur=dragStop; } document.onmousemove=function(e){ e=window.event||e; var x=e.clientX-hander.x,y=e.clientY-hander.y; ldh.chk(ini.left)&&(x=Math.max(x,ini.left)); ldh.chk(ini.top)&&(y=Math.max(y,ini.top)); ldh.chk(ini.right)&&(x=Math.min(x,ini.right)); ldh.chk(ini.bottom)&&(y=Math.min(y,ini.bottom)); if(ini.dir.indexOf('x')!=-1)mover.style.left=x+"px"; if(ini.dir.indexOf('y')!=-1)mover.style.top=y+"px"; if(document.all){ hander.setCapture();e.cancelBubble=true; }else{e.preventDefault();e.stopPropagation(); } window.getSelection && window.getSelection().removeAllRanges(); }; function dragStop(){ document.onmousemove=document.onmouseup=null; if(document.all){hander.onlosecapture=null;hander.releaseCapture(); }else{window.onblur=null} } document.onmouseup=dragStop; }; } }) $=ldh.find; var Attr=function (key,value){return value?(this.setAttribute(key,value),this):this.getAttribute(key)}; var commad=function(){},prevPos=0,resultList=[]; ldh.each(ldh.find('INPUT'),function (){this.onclick=applySearch}) function applySearch(){ var mode='',re,beginTime=new Date; ldh.each(ldh.find('INPUT'),function (){if(this.checked)mode+=Attr.call(this,'m')}); if($('#regexpText').value==''){re=null} else{try{re=new RegExp($('#regexpText').value,mode) }catch(e){re=null} } var mArr=String($('#targetText').value).match(re); $('#resultText').value=''; if(!(mArr instanceof Array))mArr=[]; resultList=mArr; var time='共耗时 <strong style="color:#009900">'+(new Date-beginTime)+"</strong> 毫秒" 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='查找结果(共找到 <strong style="color:red">'+mArr.length+'</strong> 个匹配,'+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='已替换 <strong style="color:red">'+mArr.length+'</strong> 个匹配项 ('+c+')' } applySearch(); }; $('#doTrim').onclick=function (){ command=function (mArr,re,b,c){ $('#resultText').value=$('#targetText').value.replace(re,''); $('#reInfo').innerHTML='已剔除 <strong style="color:red">'+mArr.length+'</strong> 个匹配项 ('+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:']</div> </div> <div class="imoney"> </div> <div class="nextlog"> 上一篇：<a href='/biancheng/180318.html'>javascript 正则修正符</a> 下一篇：<a href='/biancheng/180320.html'>常用正则表达式 比较实用</a> </div> <div class="link-box"> <h3>编程语言</h3> <ul class="ullist4"> <li><i class="fa fa-caret-right"></i><a href="/biancheng/478810.html" title="服务器系统下载:服务器系统的安装">服务器系统下载:服务器系统的安装</a></li> <li><i class="fa fa-caret-right"></i><a href="/biancheng/477817.html" title="学习编程先学什么">学习编程先学什么</a></li> <li><i class="fa fa-caret-right"></i><a href="/biancheng/477440.html" title="数控机床编程与操作">数控机床编程与操作</a></li> <li><i class="fa fa-caret-right"></i><a href="/biancheng/477439.html" title="什么是少儿编程？小孩子学编程忽悠人">什么是少儿编程？小孩子学编程忽悠人</a></li> <li><i class="fa fa-caret-right"></i><a href="/biancheng/477438.html" title="孩子学编程一年要多少钱">孩子学编程一年要多少钱</a></li> <li><i class="fa fa-caret-right"></i><a href="/biancheng/477437.html" title="孩子学编程的十大好处">孩子学编程的十大好处</a></li> <li><i class="fa fa-caret-right"></i><a href="/biancheng/477436.html" title="学编程的最佳年龄">学编程的最佳年龄</a></li> <li><i class="fa fa-caret-right"></i><a href="/biancheng/477435.html" title="初学编程100个代码大全">初学编程100个代码大全</a></li> <li><i class="fa fa-caret-right"></i><a href="/biancheng/477434.html" title="让孩子学编程真是害了孩子">让孩子学编程真是害了孩子</a></li> <li><i class="fa fa-caret-right"></i><a href="/biancheng/477433.html" title="学编程：究竟要学什么编程">学编程：究竟要学什么编程</a></li> <li><i class="fa fa-caret-right"></i><a href="/biancheng/477432.html" title="编程主要是学哪些东西">编程主要是学哪些东西</a></li> <li><i class="fa fa-caret-right"></i><a href="/biancheng/477431.html" title="零基础了解编程和编程语言">零基础了解编程和编程语言</a></li> <li><i class="fa fa-caret-right"></i><a href="/biancheng/475452.html" title="电脑编程基础知识入门">电脑编程基础知识入门</a></li> <li><i class="fa fa-caret-right"></i><a href="/biancheng/475451.html" title="css样式列表有什么用">css样式列表有什么用</a></li> <li><i class="fa fa-caret-right"></i><a href="/biancheng/475450.html" title="css是脚本吗">css是脚本吗</a></li> <li><i class="fa fa-caret-right"></i><a href="/biancheng/475449.html" title="什么是CSS语法？CSS使用方法及规则">什么是CSS语法？CSS使用方法及规则</a></li> </ul> </div> <div id="pagenavi"> </div> </div> </div> <ul id="sidebar"> <li class="diyarea"> <script src='/plus/ad_js.php?aid=3' language='javascript'></script> </li> <li class="rlist1"> <h3><span>金源码搜索</span></h3> <div id="logsearch"> <form name="keyform" method="get" action="/plus/search.php"> <input type="hidden" name="pagesize" value="20"> <input name="q" class="search" type="text" /> <i class="fa fa-search" onclick="$('form').submit()"></i> </form> </div> </li> <li id="blogsort"> <h3 class="mcolor"><i class="fa fa-folder-open-o"></i><span>金源码导航</span></h3> </li> <li class="rlist1"> <h3><span>免费网站源码</span></h3> <ul id="newlog"> <li><a href="/biancheng/478810.html">服务器系统下载:服务器系统的安装</a></li> <li><a href="/biancheng/477817.html">学习编程先学什么</a></li> <li><a href="/biancheng/477440.html">数控机床编程与操作</a></li> <li><a href="/biancheng/477439.html">什么是少儿编程？小孩子学编程忽悠人</a></li> <li><a href="/biancheng/477438.html">孩子学编程一年要多少钱</a></li> </ul> </li> <li class="rlist1"> <h3><span>网站模板下载</span></h3> <ul id="hotlog"> <li><i class='mcolor' >1</i><a href="/biancheng/248521.html">少儿编程十大骗局</a></li> <li><i class='mcolor' >2</i><a href="/biancheng/248522.html">正规少儿编程收费排名</a></li> <li><i class='mcolor' >3</i><a href="/biancheng/475449.html">什么是CSS语法？CSS使用方法及规则</a></li> <li><i >4</i><a href="/biancheng/246563.html">新手怎么学网络编程</a></li> <li><i >5</i><a href="/biancheng/248518.html">网络编程是什么</a></li> </ul> </li> <li class="rlist1"> <h3><span>网站建设</span></h3> <ul id="randlog"> <div id='tag1c9f85aa0e4328727b792315059d0d62'> <li><a href="/biancheng/177237.html">PHP strstr 函数判断字符串是否否存在的实例代码</a></li> <li><a href="/biancheng/182600.html">PJBLOG使用技巧</a></li> <li><a href="/biancheng/160762.html">jQuery可见性过滤器：hidden和：visibility用法实例</a></li> <li><a href="/biancheng/166896.html">laravel添加前台跳转成功页面示例</a></li> <li><a href="/biancheng/161903.html">js实现文字在按钮上滚动的方法</a></li> </div> </ul> </li> </ul> </div> </div> <div id="footerbar"> <div class="wrap"> <p>Copyright © 2016-2025 www.dzhlxh.cn <a href="http://www.dzhlxh.cn/" target="_blank">金源码</a> 版权所有 Power by </p> <p>网站模板下载|网络推广|微博营销|seo优化|视频营销|网络营销|微信营销|网站建设|织梦模板|小程序模板</p> </div> <script> (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })(); </script> <div id="backtop"><span class="fa fa-space-shuttle fa-rotate-270"></span></div> </body> </html>
