javascript 获取焦点和失去焦点事件

利用传参的方式提高方法的复用性

这里涉及到JavaScript的字符串拼接操作

</tr>
<<tr height="40px">
<td>
用户名
</td>
<td>
<font color="red">*<input type="text" name="user" size="32px" id="user"
onfocus="showTips('user','用户名必须填！')" onblur="checkuser('user','用户名不能为空')"/>
<span id="userspan"></span></font>
</td>
</tr>
<tr height="40px">
<td>
密码
</td>
<td>
<font color="red">*<input type="password" name="password" id="password" size="32px"
onfocus="showTips('password','密码必须填！')" onblur="checkuser('password','密码不能为空')"/>
<span id="passwordspan"></span></font>
</td>
</tr>

　　　　<script>
function showTips(id,info){
document.getElementById(id+"span").innerHTML="<font color='gray'>"+info+"</font>"
}

function checkuser(id,info){
//1.获取用户输入的用户名数据
var uValue=document.getElementById(id).value;
//2.进行效验
if(uValue==""){
document.getElementById(id+"span").innerHTML="<font color='gray'>"+info+"</font>"
}else{
document.getElementById(id+"span").innerHTML=""
}
}
</script>