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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • MySQL 事务隔离级别[通俗易懂]

    MySQL 事务隔离级别[通俗易懂]1.理论MySQL中事务的隔离级别一共分为四种,分别如下: 序列化(SERIALIZABLE) 可重复读(REPEATABLEREAD) 提交读(READCOMMITTED) 未提交读(READUNCOMMITTED) 四种不同的隔离级别含义分别如下: SERIALIZABLE ❝如果隔离级别为序列化,则用户之间通过一个接一个顺序地执行当前的事务,这种隔离级别提供了事务之间最大限度的隔离。 REPEATABLEREAD ❝在可

    2022年10月14日
    3
  • Python建立数据库

    Python建立数据库Python建立数据库所谓数据库,即存储数据的仓库。每一个数据库可以存放若干个数据表,这里的数据表就是我们通常所说的二维表,分为行和列,每一行称为一条记录,每一列称为一个字段。表中的列是固定的,可变的是行。要注意,我们通常在列中指定数据的类型,在行中添加数据,即我们每次添加一条记录,就添加一行,而不是添加一列。对数据库的操作可以概括为就是向数据库中添加、删除、修改和查询数据,其中查询功能最为复杂。检查数据库是否存在你可以通过使用“SHOWDATABASES”语句列出系统中所有数据库,检查数据库是否存

    2022年9月25日
    3
  • QTabWidget样式表右侧_qt qwidget

    QTabWidget样式表右侧_qt qwidget1、QTabWidget模型,来自于网络:2、样式设置:this->setStyleSheet(“QTabWidget::pane{border-width:1px;border-color:rgb(48,104,151);\border-style:outset;background-color:rgb(132,171,208);\background:transparent;}\QTabW.

    2022年9月23日
    5
  • windbg使用详解_市场配置资源的基础是什么

    windbg使用详解_市场配置资源的基础是什么WinDbg配置和使用基础

    2022年4月21日
    131
  • 九九乘法表java思路_编写九九乘法表

    九九乘法表java思路_编写九九乘法表右下角publicclassJiu{publicstaticvoidmain(String[]args){//行for(inti=1;i<10;i++){//空格for(intk=1;k<=9-i;k++){System.out.print(“\t\t”);}//列for(intj

    2025年5月29日
    3
  • 估值400亿,小米愿打谁愿挨?

    估值400亿,小米愿打谁愿挨?

    2021年12月14日
    41

发表回复

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

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