重庆分公司
重庆分公司，新征程启航
为企业提供网站建设、域名注册、服务器等服务
怎么在html中使用正则判断字符串-创新互联
怎么在html中使用正则判断字符串？相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。
如何判断传入的字符串包含一个闭合html标签
/<\/?[a-z][\s\S]*>/i
这个其实并不能判断标签闭合的完整性或者顺序等，只是判断字符串中是否有html标签(包含自定义标签)，这对我来说足够了。这给正则里面需要学习的就是[\s\S]可以代表一切字符串。
/<([a-z][\s\S]*)>.*<\/\1>/i
这个就更加规范一些可以匹配一个完整闭合的标签，\1代表前面的圆括号内捕获的内容，是正则的比较高级的用法。
如何匹配出一个标签内的文本内容
str = str.replace(/[\s\S]*?<\/title>/, '<title>' + newTitle + '<\/title>');</pre><ul><li><p>好用一个语义化标签或者自定义标签来做匹配，如果使用div这种一段字符串中可能有好多个的，问题会很多。</p></li><li><p>[sS]*代表任意字符</p></li><li><p>*后面的?代表非贪婪模式，因为正则匹配默认都是贪婪模式的</p></li></ul><p><strong>总结</strong></p><p>用正则从html标签中匹配文字其实是一种很低效的方式，不到必要时候也没必要去使用，有篇文章深刻的批判了这种行为有兴趣可以看一下。</p><p><strong>常见正则表达式</strong></p><p>匹配中文字符的正则表达式： [u4e00-u9fa5] <br/>评注：匹配中文还真是个头疼的事，有了这个表达式就好办了<br/>匹配双字节字符(包括汉字在内)：[^x00-xff]<br/>评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）<br/>匹配空白行的正则表达式：ns*r<br/>评注：可以用来删除空白行<br/>匹配HTML标记的正则表达式：<(S*?)[^>]*>.*?|<.*? /><br/>评注：网上流传的版本太糟糕，上面这个也仅仅能匹配部分，对于复杂的嵌套标记依旧无能为力<br/>匹配首尾空白字符的正则表达式：^s*|s*$<br/>评注：可以用来删除行首行尾的空白字符(包括空格、制表符、换页符等等)，非常有用的表达式<br/>匹配Email地址的正则表达式：w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*<br/>评注：表单验证时很实用<br/>匹配网址URL的正则表达式：^(http|https):\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?$<br/>评注：网上流传的版本功能很有限，上面这个基本可以满足需求<br/>匹配帐号是否合法(字母开头，允许5-16字节，允许字母数字下划线)：^[a-zA-Z][a-zA-Z0-9_]{4,15}$<br/>评注：表单验证时很实用<br/>匹配国内电话号码：d{3}-d{8}|d{4}-d{7}<br/>评注：匹配形式如 0511-4405222 或 021-87888822<br/>匹配腾讯QQ号：[1-9][0-9]{4,}<br/>评注：腾讯QQ号从10000开始<br/>匹配中国邮政编码：[1-9]d{5}(?!d)<br/>评注：中国邮政编码为6位数字<br/>匹配身份证：d{15}|d{18}<br/>评注：中国的身份证为15位或18位<br/>匹配ip地址：d+.d+.d+.d+<br/>评注：提取ip地址时有用<br/>匹配特定数字：<br/>^[1-9]d*$ //匹配正整数<br/>^-[1-9]d*$ //匹配负整数<br/>^-?[1-9]d*$ //匹配整数<br/>^[1-9]d*|0$ //匹配非负整数（正整数 + 0）<br/>^-[1-9]d*|0$ //匹配非正整数（负整数 + 0）<br/>^[1-9]d*.d*|0.d*[1-9]d*$ //匹配正浮点数<br/>^-([1-9]d*.d*|0.d*[1-9]d*)$ //匹配负浮点数<br/>^-?([1-9]d*.d*|0.d*[1-9]d*|0?.0+|0)$ //匹配浮点数<br/>^[1-9]d*.d*|0.d*[1-9]d*|0?.0+|0$ //匹配非负浮点数（正浮点数 + 0）<br/>^(-([1-9]d*.d*|0.d*[1-9]d*))|0?.0+|0$ //匹配非正浮点数（负浮点数 + 0）<br/>评注：处理大量数据时有用，具体应用时注意修正<br/>匹配特定字符串：<br/>^[A-Za-z]+$ //匹配由26个英文字母组成的字符串<br/>^[A-Z]+$ //匹配由26个英文字母的大写组成的字符串<br/>^[a-z]+$ //匹配由26个英文字母的小写组成的字符串<br/>^[A-Za-z0-9]+$ //匹配由数字和26个英文字母组成的字符串<br/>^w+$ //匹配由数字、26个英文字母或者下划线组成的字符串<br/>在使用RegularExpressionValidator验证控件时的验证功能及其验证表达式介绍如下:<br/>只能输入数字：“^[0-9]*$”<br/>只能输入n位的数字：“^d{n}$”<br/>只能输入至少n位数字：“^d{n,}$”<br/>只能输入m-n位的数字：“^d{m,n}$”<br/>只能输入零和非零开头的数字：“^(0|[1-9][0-9]*)$”<br/>只能输入有两位小数的正实数：“^[0-9]+(.[0-9]{2})?$”<br/>只能输入有1-3位小数的正实数：“^[0-9]+(.[0-9]{1,3})?$”<br/>只能输入非零的正整数：“^+?[1-9][0-9]*$”<br/>只能输入非零的负整数：“^-[1-9][0-9]*$”<br/>只能输入长度为3的字符：“^.{3}$”<br/>只能输入由26个英文字母组成的字符串：“^[A-Za-z]+$”<br/>只能输入由26个大写英文字母组成的字符串：“^[A-Z]+$”<br/>只能输入由26个小写英文字母组成的字符串：“^[a-z]+$”<br/>只能输入由数字和26个英文字母组成的字符串：“^[A-Za-z0-9]+$”<br/>只能输入由数字、26个英文字母或者下划线组成的字符串：“^w+$”<br/>验证用户密码:“^[a-zA-Z]w{5,17}$”正确格式为：以字母开头，长度在6-18之间， 只能包含字符、数字和下划线。<br/>验证是否含有^%&'',;=?$"等字符：“[^%&'',;=?$x22]+”<br/>只能输入汉字：“^[u4e00-u9fa5],{0,}$”<br/>验证Email地址：“^w+[-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$”<br/>验证电话号码：“^((d{3,4})|d{3,4}-)?d{7,8}$”<br/>正确格式为：“XXXX-XXXXXXX”，“XXXX-XXXXXXXX”，“XXX-XXXXXXX”，<br/>“XXX-XXXXXXXX”，“XXXXXXX”，“XXXXXXXX”。<br/>验证身份证号（15位或18位数字）：“^d{15}|d{}18$”<br/>验证一年的12个月：“^(0?[1-9]|1[0-2])$”正确格式为：“01”-“09”和“1”“12”<br/>验证一个月的31天：“^((0?[1-9])|((1|2)[0-9])|30|31)$”<br/>正确格式为：“01”“09”和“1”“31”。<br/>匹配中文字符的正则表达式： [u4e00-u9fa5]<br/>匹配双字节字符(包括汉字在内)：[^x00-xff]<br/>匹配空行的正则表达式：n[s| ]*r<br/>匹配HTML标记的正则表达式：/<(.*)>.*|<(.*) />/<br/>匹配首尾空格的正则表达式：(^s*)|(s*$)</p><p>看完上述内容，你们掌握怎么在html中使用正则判断字符串的方法了吗？如果还想学到更多技能或想了解更多相关内容，欢迎关注创新互联行业资讯频道，感谢各位的阅读！</p> <br> 分享文章：怎么在html中使用正则判断字符串-创新互联 <br> 文章URL：<a href="http://cqcxhl.cn/article/dcgpid.html">http://cqcxhl.cn/article/dcgpid.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/dgdjdgs.html">css常用样式题目 css常用样式表</a> </li><li> <a href="/article/dgdjcco.html">android视频知识 Android视频</a> </li><li> <a href="/article/dgdjdjc.html">电脑解除锁屏手动快捷键 电脑锁屏怎么解除快捷键</a> </li><li> <a href="/article/dgdjcoc.html">html5模拟+动画 html5爱心表白动画</a> </li><li> <a href="/article/dgdjcei.html">远程执行linux命令 linux远程操作常用命令</a> </li> </ul> </div> </div> <div class="footer"> <div class="footer_content"> <div class="footer_content_top clear"> <div class="content_top_share fl"> <div><img src="/Public/Home/img/logo.png"></div> <div class="top_share_content"> <dd>分享至：</dd> <dt class="bdsharebuttonbox clear" id="share"> <a href="#" class="bds_tsina iconfont fl" data-cmd="tsina" title="分享到新浪微博"></a> <a href="#" class="bds_sqq iconfont fl" data-cmd="sqq" title="分享到QQ好友"></a> <a href="#" class="bds_weixin iconfont fl" data-cmd="weixin" title="分享到微信"></a> <a href="#" class="bds_weixin iconfont fl" data-cmd="tieba" title="分享到贴吧"></a> </dt> <script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script> </div> </div> <div class="content_top_left fl clear"> <div class="top_left_list fl"> <dd><a href="/about/">关于我们</a></dd> <dt> <a href="/about/#gsjj">公司简介</a> <a href="/about/#fzlc">发展历程</a> </dt> </div> <div class="top_left_list fl"> <dd><a href="/service/">服务项目</a></dd> <dt> <a href="/service/">高端网站建设</a> <a href="/miniprogram/">小程序开发</a> <a href="/service/app.html">APP开发</a> <a href="/service/yingxiao.html">网络营销</a> </dt> </div> <div class="top_left_list fl"> <dd><a href="/jianzhan/">建站知识</a></dd> <dt> <a href="/jianzhan/2.html">网站建设</a> <a href="/jianzhan/3.html">网站设计</a> <a href="/jianzhan/4.html">网站制作</a> <a href="/jianzhan/5.html">小程序</a> </dt> </div> <div class="top_left_list fl"> <dd><a href="/contact/">联系我们</a></dd> <dt> <a href="/contact/#lxwm">公司地址</a> <a href="/contact/#rczp">人才招聘</a> </dt> </div> </div> <div class="content_top_right addressR fr"> <div class="top_right_title addressf_title"> <a href="javascript:;" class="on">成都</a> <a href="javascript:;">重庆</a> </div> <div class="top_right_content addressf"> <div class="right_content_li on"> <div class="right_content_list clear"> <dd class="fl iconfont"></dd> <dt class="fl">电话：028-86922220</dt> </div> <div class="right_content_list clear"> <dd class="fl iconfont"></dd> <dt class="fl">地址：成都市太升南路288号锦天国际A幢1002号</dt> </div> </div> <div class="right_content_li"> <div class="right_content_list clear"> <dd class="fl iconfont"></dd> <dt class="fl">电话：028-86922220</dt> </div> <div class="right_content_list clear"> <dd class="fl iconfont"></dd> <dt class="fl">地址：重庆市南岸区弹子石腾龙大道58号2栋21-6</dt> </div> </div> </div> </div> </div> </div> <div class="footer_content_copyright clear">版权所有：成都创新互联科技有限公司重庆分公司 <a href="http://beian.miit.gov.cn/" rel="nofollow" target="_blank">渝ICP备2021005571号-4</a> </div> </div> <!--浮窗--> <div class="FloatingWindow clear"> <a href="tencent://message/?uin=1683211881&Site=&Menu=yes" class="FloatingWindow_list fr"> <div class="FloatingWindow_list_title"> <dd class="iconfont"></dd> <dt><span>在线</span>咨询</dt> </div> </a> <a href="javascript:;" class="FloatingWindow_list fr"> <div class="FloatingWindow_list_title"> <dd class="iconfont"></dd> <dt>服务热线</dt> </div> <div class="FloatingWindow_list_down fadeInRight animated">服务热线：028-86922220</div> </a> <a href="javascript:;" class="FloatingWindow_list fr STop"> <div class="FloatingWindow_list_title"> <dd class="iconfont"></dd> <dt>TOP</dt> </div> </a> </div> <script src="/Public/Home/js/jquery-1.8.3.min.js"></script> <script src="/Public/Home/js/comm.js"></script> <script src="/Public/Home/js/wow.js"></script> <script src="/Public/Home/js/common.js"></script> </body> </html> <script> $(".con img").each(function(){ var src = $(this).attr("src"); //获取图片地址 var str=new RegExp("http"); var result=str.test(src); if(result==false){ var url = "https://www.cdcxhl.com"+src; //绝对路径 $(this).attr("src",url); } }); </script>