正则表达式和表单用户名验证

最新推荐文章于 2024-04-17 09:51:42 发布

像极了夏洛特

最新推荐文章于 2024-04-17 09:51:42 发布

阅读量1.4k

点赞数

分类专栏： web基础文章标签：正则表达式表单验证表单用户名验证 RegExp

本文链接：https://blog.csdn.net/D_BBY/article/details/100165105

版权

web基础专栏收录该内容

7 篇文章 1 订阅

订阅专栏

js内置对象 RegExp正则表达式：
先来说说正则表达式：对复杂字符串进行处理的，实质就是一种规则，实现了字符串和规则进行匹配，如果匹配成功，返回true。
正则表达式的规则：

表达式	描述
[a-z]	这个字符必须是小写字母
[abc]	字符必须是abc
[0-9]	这个字符必须是数字
[a-zA-Z0-9]	这个字符必须是字母或者是数字
[^a-z]	这个字符不是小写字母
[\d]	等同于[0-9]
[\w]	等同于[a-zA-Z_0-9] 字母、数字、下划线
[\D]	等同于`[^0-9]`
[\W]	等同于`[^a-zA-Z0-9_]`
.	代表匹配任意字符，若只是想代表普通数据`.` 需要使用转义字符来表示`\.`
X*	X这个字符可以出现零次或者多次 [0-9]* 123123456
X?	X这个字符可以出现零次或者一次 [0-9]? 2
X+	X这个字符可以出现一次或者多次 [0-9]+ 2 12345678
X{m}	X这个字符出现次数正好m次 [0-9]{4} 1234 1234567865432456
X{m, }	X这个字符出现次数至少m次 [0-9]{4, } 1234 12345678
X{m, n}	X这个字符出现次数至少m次,最多n次 [0-9]{3,5} 123 12345 12 1234567876534
(X)+	()括号代表X所表示的内容作为一组数据出现；()括号后面的+号，代表这组数据可以出现一次或者多次 (\.[a-z]+) + .com .cn .cn.cn.cn.cn.com.itsad
^X	^匹配开头
X$	$匹配结尾

RegExp对象方法：

方法	描述
test()	检索字符串中指定的值。返回 true 或 false。

**代码：**简单实现表单用户名验证，其他的可以自己写。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script>
			function fn(){
				//获取用户名id
			var username = document.getElementById("username");
			//6-9位任意数字大小写字母和'_'组成的6-9位字符串
			var nameTest = /^[0-9A-Z_a-z]{6,9}$/;
			//判断输入的是否和正则表达式匹配
			if(nameTest.test(username.value)){
				return true;
			}else{
				//不对的话显示 友好提示
				var userMsg = document.getElementById("userMsg");
				userMsg.innerText = "请输入正确格式(6-9位)";
				userMsg.style.color = "red";
				return false;
			}
			}
		</script>
	</head>
	<body>
		<form action="#" method="get">
			<table>
				<tr>
					<td>
						用户名:
					</td>
					<td>
						<input type="text" placeholder="请输入用户名" id="username" />
						<span id="userMsg"></span>
					</td>
					<td><input type="submit"  onclick="fn()"/> </td>
				</tr>
			</table>
		</form>
	</body>
</html>

像极了夏洛特

关注

0
点赞
踩
7

收藏

觉得还不错? 一键收藏
0
评论
正则表达式和表单用户名验证

js内置对象 RegExp正则表达式：先来说说正则表达式：对复杂字符串进行处理的，实质就是一种规则，实现了字符串和规则进行匹配，如果匹配成功，返回true。正则表达式的规则：表达式描述[a-z]这个字符必须是小写字母[abc]字符必须是abc[0-9]这个字符必须是数字[a-zA-Z0-9]这个字符必须是字母或者是数字[^a-z]这个字符...
复制链接

扫一扫