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>