验证中文名字---正则表达式

最新推荐文章于 2023-09-25 15:30:30 发布

原创最新推荐文章于 2023-09-25 15:30:30 发布 · 1.3w 阅读

3 ·

CC 4.0 BY-SA版权

本文介绍了一种使用正则表达式验证中文名字有效性的方法。通过HTML和JavaScript实现，当输入符合2到6个汉字的中文名字时，文本框背景变为绿色；否则变为红色。文章详细展示了如何利用unicode编码范围来匹配中文字符。

验证中文名字—正则表达式

效果

正确演示
在这里插入图片描述
错误演示

运用知识点

正则表达式
ps http://www.bejson.com/convert/unicode_chinese/
unicode编码（了解）

打开浏览器 F12 控制台

输入

escape(“淦”)
unescape("%u6DE6")
在这里插入图片描述

原理

如果输入的是中文名字那么背景颜色为绿色否则为红色

		文本框注册失去焦点事件
		1. 获取文本框的值 
		2. 判断文本框的值是否属于邮箱格式并添加相应的样式

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>验证中文名字</title>
	</head>
	<body>
		  请您输入姓名:<input type="text" value=""  id="name" />  *<br />
		<script>
			
			//如果输入的是中文名字  那么背景颜色为绿色 否则为红色
			
			//  /[\u4e00-\u9fa5]/   unicode编码
			function my$(a){
				return document.getElementById(a);
			}
			my$("name").addEventListener("blur",function(){
				if(/^[\u4e00-\u9fa5]{2,6}$/.test(this.value))
				{
				this.style.backgroundColor="green";
				
				}
				else
				{
				this.style.backgroundColor="red";
				}
			});
			
		</script>
	</body>
</html>