# 检查用户姓名唯一功能
~~~
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
//这两个姓名已经注册过了
var names=["李欣","郭超男"];
function checkName(obj)
{
//alert("用户姓名输入框失去了焦点");
console.log(obj);
var nameValue=obj.value;
console.log(nameValue);
var path="";
// var names=["李欣","郭超男"];
for(var na in names)
{
//李三
if(nameValue==names[na])
{
//这个用户已经存在
console.log("有");
path="./img/task_failed.png";
break;//终止循环 ,余下的代码会执行
//return;//终止循环 ,余下的代码不会执行,从这个点就开始返回
}
else{
//这个用户不存在
console.log("没有");
path="./img/OkDone_80.contrast-white.png";
}
}
var sObj=document.getElementById("imgMsg");
console.log(path);
//<img src=''>
sObj.innerHTML="<img src='"+path+"' style='height:10px;width:10px;'>";
}
</script>
</head>
<body>
<input type="text" autofocus placeholder="请输入注册的用户姓名[唯一]" onblur="checkName(this)" /><span id="imgMsg"></span>
<p>
<input type="password" placeholder="请输入注册的用户密码" />
</body>
</html>
~~~