建站
咨询
售后
建站咨询
怎么在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> 当前路径：<a href="http://scyingshan.cn/article/dcgpid.html">http://scyingshan.cn/article/dcgpid.html</a> </div> <div class="hot_new"> <div class="page_title clearfix"> <h3>其他资讯</h3> </div> <div class="news_list clearfix"> <ul> <li> <a href="/article/ggcepj.html">前端性能优化的方法有哪些</a> </li><li> <a href="/article/ggcspj.html">python输入一个list的方法</a> </li><li> <a href="/article/ggcejh.html">JavaScript如何加载样式文件</a> </li><li> <a href="/article/ggcejj.html">如何使用for循环</a> </li><li> <a href="/article/ggcepd.html">php文件操作</a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- 底部信息 --> <div class="footer wow fadeInUp"> <div class="rowFluid"> <div class="span12"> <div class="container"> <div class="footer_content"> <div class="span4 col-xm-12"> <div class="footer_list"> <div class="span6"> <div class="bottom_logo"><img src="/Public/Home/images/ewm.jpg" alt="微信服务号二维码" /></div> </div> <div class="span6 col-xm-12"> <div class="quick_navigation"> <div class="quick_navigation_title">快速导航</div> <ul> <li><a href="http://www.dmvi.cn/ser/huace/" title="企业画册设计制作" target="_blank">企业画册设计制作</a></li><li><a href="http://www.ncjbc.cn/" title="南充护栏钻孔机" target="_blank">南充护栏钻孔机</a></li><li><a href="http://www.cxhlcq.com/qiye/" title="重庆企业网站建设" target="_blank">重庆企业网站建设</a></li><li><a href="https://www.cdcxhl.com/zuo/chengdu.html" title="四川成都做网站" target="_blank">四川成都做网站</a></li><li><a href="http://www.cdhuace.com/fuwu/haibao.html" title="成都宣传海报" target="_blank">成都宣传海报</a></li><li><a href="http://www.cdhuace.com/zhaopai.html" title="发光字制作" target="_blank">发光字制作</a></li><li><a href="https://www.cdxwcx.com/" title="成都做网站" target="_blank">成都做网站</a></li> </ul> </div> </div> </div> </div> <div class="span4 col-xm-6 col-xs-12"> <div class="footer_list"> <div class="footer_link"> <div class="footer_link_title">友情链接</div> <ul id="frientLinks"> <a href="https://www.cdcxhl.com/" title="网站制作" target="_blank">网站制作</a> <a href="https://www.cdcxhl.com/" title="网站建设" target="_blank">网站建设</a> <a href="https://www.cdxwcx.com/tuiguang/" title="成都网络推广" target="_blank">网络推广</a> <a href="http://seo.cdkjz.cn/" title="成都网站推广" target="_blank">网站推广</a> <a href="https://www.cdcxhl.com/xiaochengx.html" title="成都微信小程序开发" target="_blank">小程序开发</a> <a href="https://www.cdcxhl.com/menu.html" title="创新互联网站栏目导航" target="_blank">网站导航</a> </ul> <div class="footer_link_title">网站建设</div> <ul id="frientLinks"> <li><a href="/">营山大橙子建站</a></li> <li><a href="https://www.cdcxhl.com/menu.html" title="创新互联网站栏目导航" target="_blank">网站导航</a></li> </ul> </div> </div> </div> <div class="span4 col-xm-6 col-xs-12"> <div class="footer_list"> <div class="footer_cotact"> <div class="footer_cotact_title">联系方式</div> <ul> <li><span class="footer_cotact_type">企业：</span><span class="footer_cotact_content">青羊区大橙子信息咨询工作室</span></li> <li><span class="footer_cotact_type">地址：</span><span class="footer_cotact_content">成都市青羊区太升南路288号</span></li> <li><span class="footer_cotact_type">电话：</span><span class="footer_cotact_content"><a href="tel:18980820575" class="call">18980820575</a></span></li> <li><span class="footer_cotact_type">网址：</span><span class="footer_cotact_content"><a href="/" title="营山网站建设">www.scyingshan.cn</a></span></li> </ul> </div> </div> </div> </div> </div> <div class="copyright"> <p>公司名称：青羊区大橙子信息咨询工作室 联系电话：18980820575</p> <p><a href="http://beian.miit.gov.cn" target="_blank" rel="nofollow">网站备案号：蜀ICP备2022028542号-24</a></p> <p>营山大橙子建站 营山网站建设 营山网站设计 营山网站制作 <a href="http://www.cdxwcx.cn/" target="_blank">成都做网站</a></p> </div> </div> </div> </div> </body> </html> <script> $(".technical_support_box_z_info_box 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); } }); window.onload=function(){ document.oncontextmenu=function(){ return false; } } </script>