利用JavaScript与正则表达式判断输入账号格式是否正确
2021/11/25 17:40:04
本文主要是介绍利用JavaScript与正则表达式判断输入账号格式是否正确,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
在学习了HTML DOM对象后,做几个小练习来巩固一下所学内容。
正则表达式:
正则表达式,又称规则表达式。(英语:Regular Expression,在代码中常简写为regex、regexp或RE),计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。 许多程序设计语言都支持利用正则表达式进行字符串操作。例如,在Perl中就内建了一个功能强大的正则表达式引擎。正则表达式这个概念最初是由Unix中的工具软件(例如sed和grep)普及开的。正则表达式通常缩写成“regex”,单数有regexp、regex,复数有regexps、regexes、regexen。 通过在JavaScript中运用正则表达式进行判断,极大地提高了程序效率。常用的正则表达式 下面是JavaScript的代码:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> 账号:<input type="text" id="account"><br> <div id="tipa"></div><br> <button onclick="judge()">判断</button> </body> <script> function judge() { var judgein = /^[a-zA-Z][a-zA-Z0-9_]{4,15}$/; var account = document.getElementById("account"); var tip2 = document.getElementById("tipa"); if(!judgein.test(account.value)) { var color = document.createAttribute("style"); color.nodeValue = "color: #ff1120"; tip2.setAttributeNode(color); tip2.innerHTML="错误"; } else { document.getElementById("tipa").innerHTML="正确"; var color = document.createAttribute("style"); color.nodeValue = "color: #00ff22"; tip2.setAttributeNode(color); } } </script> </html>
这篇关于利用JavaScript与正则表达式判断输入账号格式是否正确的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-15鸿蒙生态设备数量超8亿台
- 2024-05-13TiDB + ES:转转业财系统亿级数据存储优化实践
- 2024-05-09“2024鸿蒙零基础快速实战-仿抖音App开发(ArkTS版)”实战课程已上线
- 2024-05-09聊聊如何通过arthas-tunnel-server来远程管理所有需要arthas监控的应用
- 2024-05-09log4j2这么配就对了
- 2024-05-09nginx修改Content-Type
- 2024-05-09Redis多数据源,看这篇就够了
- 2024-05-09Google Chrome驱动程序 124.0.6367.62(正式版本)去哪下载?
- 2024-05-09有没有大佬知道这种数据应该怎么抓取呀?
- 2024-05-09这种运行结果里的10.100000001,怎么能最快改成10.1?