js网页注册信息实时校验

最新推荐文章于 2023-10-12 07:38:21 发布

刘奉钦-以书会友

最新推荐文章于 2023-10-12 07:38:21 发布

阅读量197

点赞数

分类专栏： WEB 学习

本文链接：https://blog.csdn.net/Kevin1906/article/details/112372385

版权

学习同时被 2 个专栏收录

66 篇文章 0 订阅

订阅专栏

WEB

19 篇文章 1 订阅

订阅专栏

js正则校验密码

正则基本知识：https://editor.csdn.net/md/?articleId=112318392

<!DOCTYPE html>
<html>
<head>
	<title>测试</title>
	<link rel="stylesheet" type="text/css" href="css/test.css">
</head>
<body>
用户名：<input type="text" name="username"> 
<br>
密码：<input name="password" id="PASSWORD" type="text" οnfοcus="showDesc(this)" οnblur="checkText(this)">
<!-- 
	用js给组件绑定监听函数
	标签属性顺序 class、id、name、type、href
	聚焦监听属性onfocus、失去焦点监听属性onblur

 -->

<script type="text/javascript">
	function showDesc(obj) { //点击密码框时进行输入
		var id = obj.name;
		document.getElementById(id).style.display="inline" ;
	}

	function checkText(obj) { //失去焦点时校验
		var id = obj.name ;
		var text = document.getElementById(id.toString().toUpperCase()).value ; 
		// alert(text);
		
		if(text.replace(/\s/g,"") == ""){//判断是否为空   js中“/ /”表示正则表达式，\s表示空格，g表示匹配所有的
			alert("密码不能为空！")；
		}
		//不能为纯数字、不能为纯字母 (?=.*[0-9])必须包含一个数字，(?=.*[a-zA-Z]) 必须包含一个字母，
		var passRegexp = new REGEXP('(?=.*[0-9])(?=.*[a-zA-Z]).{8,30}');
		if(!passRegexp.test(text)){
			alert("密码密码必须包含数字、字母且长度在8-30之间")；
		}
	}

</script>
</body>
</html>

参考文章：https://www.jb51.net/article/43279.htm、https://www.cnblogs.com/willingtolove/p/10976328.html

刘奉钦-以书会友

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js网页注册信息实时校验

js正则校验密码正则基本知识：https://editor.csdn.net/md/?articleId=112318392<!DOCTYPE html><html><head> <title>测试</title> <link rel="stylesheet" type="text/css" href="css/test.css"></head><body>用户名：<input type=
复制链接

扫一扫