JavaScript正则表达式的练习

JavaScript正则表达式的练习JavaScript正则表达式的练习

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

javaScript学习
2 正则表达式的练习—-注册校验
(效果:符合正则表达式要求 span输出:用户名合法 否则输出用户名不合法)

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>验证用户名输入是否合法</title>
<!--    innerHTML可以获取起始标签和结束标签之间的内容-->
    <script type="text/javascript">
        function onclickfun() { 
   
            //获取文本内容
            var username = document.getElementById("user");
            var text = username.value;
            //正则表达式用于验证
            var patt = /^\w{5,12}$/;
            //修改span标签里的内容
            var usersp = document.getElementById("userspan");
            if(patt.test(text)){ 
   
                usersp.innerHTML = "用户名合法";

            }else{ 
   
                usersp.innerHTML = "用户名不合法";

            }
        }
    </script>
</head>
<body>
    用户名:<input type="text" id="user" value="wgz"/>
    <span id="userspan" style="color: bisque"></span>
    <button onclick="onclickfun()">校验</button>
</body>
</html>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/193395.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • 超全,7种经典推荐算法模型及应用

    超全,7种经典推荐算法模型及应用本文调研了推荐系统里的经典推荐算法,结合论文及应用进行分析、归纳并总结成文,既是自己的思考过程,也可当做以后的翻阅手册。前言个性化推荐,是指通过分析、挖掘用户行为,发现用户的个性化需求与兴趣特点,将用户可能感兴趣的信息或商品推荐给用户。本文调研了推荐系统里的经典推荐算法,结合论文及应用进行分析、归纳并总结成文,既是自己的思考过程,也可当做以后的翻阅手册。俗话说学而时习之,人的认识过程是呈螺旋式上升的,特别是理论应用到实践的过程,理论是实践的基础,实践能反过来指导人对理论的认识,我相信在将下文所述的算法应

    2022年6月23日
    35
  • layDate时间控件

    layDate时间控件给大家介绍一款超好用的控件layDate控件,layui.laydate下载类库之后直接使用,在这里我先展示效果图:使用起来也是很简单,下载好类库,把类库粘贴到你的项目中类库提取码:v74d代码:<!DOCTYPEhtml><html><head><metacharset=”utf-8″><title>使用layDate独立版</title></head><body>

    2022年5月10日
    39
  • 放一篇置顶博文随时说点什么

    放一篇置顶博文随时说点什么

    2021年9月6日
    50
  • JS数组合并(5种)

    JS数组合并(5种)前言项目过程中,经常会遇到JS数组合并的情况,时常为这个纠结。这里整理一下。简单而实用的for最容易想到的莫过于for了。会变更原数组,当然也可以写成生成新数组的形式。letarr=[1,2]letarr2=[3,4]for(letiinarr2){arr.push(arr2[i])}console.log(arr)//[1,2,3,4]arr.concat(arr2)会生成新的数组。letarr=[1,2]let

    2022年6月30日
    68
  • 旅游胜地HTML,中国旅游胜地(一生必去的30个旅游景点)

    旅游胜地HTML,中国旅游胜地(一生必去的30个旅游景点)中国著名旅游景点十大必去之地小贴士:11来了,大家都在计划这个长假去哪里。当你真的去了很多景点,发现都是“平平淡淡”,名不副实。但是你知道吗,萧艾推荐的以下10个中国著名旅游景点不仅有名,而且“名不虚传”,他们从来不后悔去那里。他们是哪十个?别担心,让萧艾一个一个给你介绍。1、丽江古城上市理由:看小酒店露台上的雪山;漫步四方街,享受夏日午后慵懒的阳光;隔着窗户听纳西人的古乐,时间一不小心就过去了,…

    2022年6月9日
    41
  • touchstart与click同时触发

    touchstart与click同时触发产生冲突的原因我们可以给某个元素同时绑定touchstart和click事件,但这将会导致本篇文章解决的问题–这两个事件在移动设备上会发生冲突。由于移动设备能够同时识别touchstart和click事件,因此当用户点击目标元素时,绑定在目标元素上的touchstart事件与click事件(约300ms后)会依次被触发,也就是说,我们所绑定的回调函数会被执行两次!。…

    2022年6月19日
    119

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号