標籤:資料 check var script == passwords 使用者輸入 use font
利用傳參的方式提高方法的複用性
這裡涉及到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>
javascript 擷取焦點和失去焦時間點事件