验证中文名字—正则表达式
效果
正确演示
错误演示
运用知识点
正则表达式
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>