怎么在html中使用正则判断字符串-成都快上网建站

怎么在html中使用正则判断字符串

怎么在html中使用正则判断字符串?相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

成都创新互联公司主营泉州网站建设的网络公司,主营网站建设方案,重庆APP开发,泉州h5成都小程序开发搭建,泉州网站营销推广欢迎泉州等地区企业咨询

如何判断传入的字符串包含一个闭合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://kswjz.com/article/pihide.html">http://kswjz.com/article/pihide.html</a>
                </div>
                <div class="view-qrocde cl">
                    <div class="m z"><img src="/Public/Home/images/ew.jpg"/></div>
                    <div class="text">
                        <h6>扫二维码与项目经理沟通</h6>
                        <p>我们在微信上24小时期待你的声音</p>
                        <p>解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流</p>
                    </div>
                </div>
                <div class="othernews cl">
                    <h3>其他资讯</h3>
                    <ul>
                        <li><a href="/article/dgpsggg.html">电脑怎么更新企业微信 电脑如何更新企业微信</a></li><li><a href="/article/dgpsgge.html">微信小程序路由 微信小程序路由传对象</a></li><li><a href="/article/dgpsjoi.html">jquery插件设置 jquery 插件写法</a></li><li><a href="/article/dgpsghj.html">css鼠标滑入样式 css鼠标按下样式</a></li><li><a href="/article/dgpsjsc.html">ios开发者版转正式 ios15开发版转正式版</a></li>                    </ul>
                </div>
            </div>
        </div>
        <div class="sidebar">
            <div class="tuijian">
                <a href="#">
                    <h2 class="cl"><span>行业动态</span></h2>
                    <h3>企业网站建设的重要性!</h3>
                    <p>现在虽然是移动互联网时代,但企业网站依然重要,包含PC站点,移动站。可以说企业网站关系企业的未来发展和前途,尤其对中小企业更是如此,一些中小企业老板,对自己的名片很在乎,因为这是个门面。...</p>
                </a>
            </div>
            <div class="ser sidesub">
                <h2>服务项目</h2>
                <ul class="ebox">
                    <li class="sub sub-1">
                        <div>
                            <h3>网站建设</h3>
                            <p></p>
                            <a class="btn" href="/serve/website/">查看详情</a>
                        </div>
                    </li>
                    <li class="sub sub-1">
                        <div>
                            <h3>移动端/APP</h3>
                            <p></p>
                            <a class="btn" href="/serve/moblie/">查看详情</a>
                        </div>
                    </li>
                    <li class="sub sub-1">
                        <div>
                            <h3>微信/小程序</h3>
                            <p></p>
                            <a class="btn" href="/serve/small/">查看详情</a>
                        </div>
                    </li>
                    <li class="sub sub-1">
                        <div>
                            <h3>技术支持</h3>
                            <p></p>
                            <a class="btn" href="/serve/tech/">查看详情</a>
                        </div>
                    </li>
                    <li class="sub sub-1">
                        <div>
                            <h3>其它服务</h3>
                            <p></p>
                            <a class="btn" href="/serve/othe/">查看详情</a>
                        </div>
                    </li>
                    <li class="sub sub-5">
                        <div>
                            <h3>更多服务项目</h3>
                            <p> <a>用我们的专业和诚信赢得您的信赖,从PC到移动互联网均有您想要的服务!</a></p>
                            <a class="btn" href="/serve/">获取更多</a>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="contact" id="fix">
                <h2 class="cl"> <span>联系吧</span> <a href="https://map.baidu.com/" class="ditu" rel="nofollow" target="_blank">在百度地图上找到我们</a> </h2>
                <h3>电话:13518219792</h3>
                <p>如遇占线或暂未接听请拨:136xxx98888</p>
                <div class="qq"> <a href="//wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes" rel="nofollow" target="_blank">业务咨询</a> <a href="//wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes" rel="nofollow" target="_blank">技术咨询</a> <a href="//wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes" rel="nofollow" target="_blank">售后服务</a> </div>
            </div>
        </div>
        <script>
            //固定滚动
            (function () {
                var oDiv = document.getElementById("fix");
                var H = 120,
                    iE6;
                var Y = oDiv;
                while (Y) {
                    H += Y.offsetTop;
                    Y = Y.offsetParent
                };
                iE6 = window.ActiveXObject && !window.XMLHttpRequest;
                if (!iE6) {
                    window.onscroll = function ()
                    {
                        var s = document.body.scrollTop || document.documentElement.scrollTop;
                        if (s > H) {
                            oDiv.className = "contact  fixed";
                            if (iE6) {
                                oDiv.style.top = (s - H) + "px";
                            }
                        } else {
                            oDiv.className = "contact ";
                        }
                    };
                }

            })();
        </script>
    </div>
    <div class="footer">
        <div class="wp">
            <div class="wpss cl">
                <dl class="about">
                    <dt>网站设计</dt>
                    <dd><a href="http://www.kswcd.cn/serve/" target="_blank" title="专业网站设计">专业网站设计</a></dd><dd><a href="http://chengdu.kswjz.com/" target="_blank" title="成都网站设计">成都网站设计</a></dd><dd><a href="http://seo.cdkjz.cn/mobile/" target="_blank" title="自适应网站设计">自适应网站设计</a></dd><dd><a href="https://www.cdcxhl.com/" target="_blank" title="网站设计">网站设计</a></dd>                </dl>
                <dl class="about">
                    <dt>网站制作</dt>
                    <dd><a href="http://www.cxhljz.cn/" target="_blank" title="成都网站制作">成都网站制作</a></dd><dd><a href="http://www.wjzwz.com/" target="_blank" title="温江网站制作">温江网站制作</a></dd><dd><a href="http://chengdu.cdcxhl.cn/qiye/" target="_blank" title="企业网站制作">企业网站制作</a></dd><dd><a href="http://www.myzitong.com/" target="_blank" title="梓潼网站制作公司">梓潼网站制作公司</a></dd>                </dl>
                <dl class="contact">
                    <dt>联系我们</dt>
                    <dd>电话:13518219792</dd>
                    <dd>邮箱:631063699@qq.com</dd>
                    <dd>地址:成都青羊区锦天国际1002号</dd>
                    <dd>网址:www.kswjz.com</dd>
                </dl>
                <dl class="about" style="margin-left:50px;width:235px;">
                    <dt>网站建设</dt>
                    <dd><a href="http://www.cxjianzhan.cn/" target="_blank" title="网站建设开发">网站建设开发</a></dd><dd><a href="https://www.cdcxhl.com/waimao.html" target="_blank" title="外贸营销网站建设">外贸营销网站建设</a></dd><dd><a href="http://www.kswcd.com/solution/" target="_blank" title="网站建设方案">网站建设方案</a></dd><dd><a href="http://www.scdazhu.cn/" target="_blank" title="大足网站建设">大足网站建设</a></dd>                </dl>
                <dl class="flow">
                    <dt></dt>
                    <div class="ma cl">
                        <div class="m"> <img src="/Public/Home/images/ew.jpg" />
                            <p>微信二维码</p>
                        </div>
                    </div>
                </dl>
            </div>
        </div>
        <div class="footer-link wp">
            <ul class="wpss cl">
                <li class="fisrt">友情链接</li>
                <li><a href="http://www.nnwzsj.com/" title="南宁旺客科技" target="_blank">南宁旺客科技</a></li><li><a href="http://www.cdkjz.cn/wangzhan/weihu/" title="成都网站运营维护" target="_blank">成都网站运营维护</a></li><li><a href="https://www.cdxwcx.com/jifang/guanghua.html" title="光华机房服务器托管" target="_blank">光华机房服务器托管</a></li><li><a href="http://www.hbxxgc.cn/" title="乐山中领科信" target="_blank">乐山中领科信</a></li><li><a href="http://www.cdfuwuqi.com/" title="服务器托管" target="_blank">服务器托管</a></li><li><a href="http://www.cdxwcx.cn/tuoguan/xiyun.html" title="成都移动托管" target="_blank">成都移动托管</a></li><li><a href="http://chengdu.cdweb.net/app/" title="成都APP定制开发" target="_blank">成都APP定制开发</a></li><li><a href="https://www.xwcx.net/zuyong.html" title="成都主机租用" target="_blank">成都主机租用</a></li><li><a href="http://m.cdcxhl.cn/applets/
" title="小程序开发" target="_blank">小程序开发</a></li><li><a href="http://www.sxjierui.cn/" title="双流能亿建站" target="_blank">双流能亿建站</a></li>            </ul>
        </div>
    </div>
    <div class="bot-footer">
        <div class="wp">
            <p class="wpss"> <em>Copyright © 2002-2023 www.kswjz.com 快上网建站品牌 QQ:244261566 版权所有</em> <em>备案号:<a href="http://beian.miit.gov.cn/" rel="external nofollow">蜀ICP备19037934号</a></em>
            </p>
            <p class="wpss" style="line-height:30px !important;"> </p>
        </div>
    </div>
    <div class="footer-kefu">
        <ul>
            <li class="qq"><a href="https://wpa.qq.com/msgrd?v=3&uin=244261566&site=qq&menu=yes"><em></em>在线咨询</a>
            </li>
            <li class="tel"><a href="tel:13518219792" target="_blank"><em></em>13518219792</a></li>
            <li class="wx"> <em></em>
                <div class="code"> <img src="/Public/Home/images/ew.jpg" />
                    <p>微信二维码</p>
                </div>
            </li>
            <li class="m"> <em></em>
                <div class="code"> <img src="/Public/Home/images/ew.jpg" />
                    <p>移动版官网</p>
                </div>
            </li>
            <li class="top"><em></em></li>
        </ul>
    </div>
    <script src="/Public/Home/js/all.js"></script>
</body>
</html>
<script>
    $(".cont 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>