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>
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 抓包工具Charles下载安装使用

    抓包工具Charles下载安装使用抓包工具Charles下载安装(破解版)1.下载地址2.安装破解3.使用Charles4.proxy(代理菜单)1.下载地址https://www.charlesproxy.com/latest-release/download.do我的电脑是64位的,所以选择红框中的。2.安装破解按照默认next即可,然后选择路径。Charles破解破解地址:https://www.zzzmode.com/mytools/charles/按照下方文字填好,点击生成,会生成一个jar包,这个jar包是本地

  • 图像处理之gamma校正

    图像处理之gamma校正图像处理之gamma校正

  • Spring MVC面试题(2020最新版)[通俗易懂]

    Spring MVC面试题(2020最新版)[通俗易懂]文章目录概述什么是SpringMVC?简单介绍下你对SpringMVC的理解?SpringMVC的优点核心组件SpringMVC的主要组件?什么是DispatcherServlet什么是SpringMVC框架的控制器?SpringMVC的控制器是不是单例模式,如果是,有什么问题,怎么解决?工作原理请描述SpringMVC的工作流程?描述一下DispatcherServlet的工作…

  • Linux:CentOS 7 安装yum

    Linux:CentOS 7 安装yumCentOS7安装yum

  • MobSF 框架安装使用部署

    MobSF 框架安装使用部署1.MobSF简介#MobSF是MobileSecurityFramework的缩写,这是一款智能化的开源移动应用(Android、IOS、Windows)测试框架,可以对应用进行动态、静态分析,现在只支持Android动态分析。支持对APK、IPA文件及源码压缩包进行审计分析,可以对Android和IOS安全进行分析。MobSF还可以通过APIFuzzer功能,对WebAPI的安全检测,可以对应用收集信息、分析安全头部信息、识别移动API的具体漏洞,如XXE、SSRF、路径遍历,IDOR以及

  • MySQL数据查询之单表查询

    单表查询简单查询-创建表DROPTABLEIFEXISTS`person`;CREATETABLE`person`(`id`int(11)NOTNULLAUTO_IN

发表回复

您的电子邮箱地址不会被公开。

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