# 檢查用戶姓名唯一功能
~~~
<!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>
~~~