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>