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>