验证用户名是否合法：

川沙妲己。

已于 2022-03-13 21:59:47 修改

阅读量1.4k

点赞数 1

文章标签： javascript webview vue.js

于 2022-03-13 19:10:28 首次发布

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

版权

验证用户名是否合法：

<!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位，必须由字母数字下划线组成
			var usernamespanobj =document.getElementById("usernamespan");
			//innerHTML表示起始标签和结束标签中的内容
			//innerHTML这个属性可读可写
			
			if (patt.test(usernameText)) {
				usernamespanobj.innerHTML="用户名合法！";
			}
			else{
				usernamespanobj.innerHTML="用户名不合法！";
			}
			
		}
	</script>
</head>
<body>
	用户名：<input type="text" id="username" value="h" />
	<span id="usernamespan" style="color:red;"></span>
	<button onclick="onclickfun(); ">校验</button>
</body>
</html>