js验证用户名是否合法

川沙妲己。

已于 2022-03-13 22:01:00 修改

阅读量7.1k

点赞数 2

于 2022-03-13 17:36:56 首次发布

本文链接：https://blog.csdn.net/qq_48517846/article/details/123462882

版权

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<title>js验证</title>
	<script type="text/javascript">
		function onclickfun(){
			var usernameobj = document.getElementById("username");
			//alert(usernameobj.id);
			var usernameText =usernameobj.value;//获取文本框的值value
			var patt=/^\w{5,12}$/;
			//长度为5-12位，必须由字母数字下划线组成
			if (patt.test(usernameText)) {
				alert("用户名合法！");
			}
			else{
				alert("用户名不合法！");
			}
			
		}
	</script>
</head>
<body>
	用户名：<input type="text" id="username" value="h" />
	<button onclick="onclickfun(); ">校验</button>
</body>
</html>

当我们要操作一个标签时，一定要先获取这个标签对象
如何验证字符串，符合某个规则，需要使用正则表达式技术
test()方法用于测试某个字符串，是否匹配自己设定的规则，匹配就返回true,不匹配就返回False