文本框获得焦点

版权声明:懂我的人,无需声明。不懂我的人,何须声明。 https://blog.csdn.net/Earl_yuan/article/details/50676614

在实际开发中,我们可能会遇到需要对文本框进行判断,如果为空的情况,是不能进行表单提交的,而且为了用户界面的交互友好考虑,我们需要让文本框获得焦点以便用户继续输入。下面我们就来看看如何使用js控制实现这一需求。

<body>
    <input type="text" id="tmpName" name="tmpName" onblur="checkExist()"><span id="tip"></span>
    <script type="text/javascript" src="jquery-1.8.3.min.js"></script>
    <script type="text/javascript">
        //加载该页面时让其获得焦点
        $(function(){
        $("#tmpName").focus(); 
        });

        //js函数
        function checkExist() {
            var tmpName= $("#tmpName").val();
            if(tmpName.length == 0){
                $("#tip").html("请输入内容");
                //输入框获取焦点
                window.setTimeout (function(){
                    document.getElementById ('tmpName'). select();
                },0 );
            }else if(tmpName.length != 0){
                alert("内容不为空");
            }
        }
    </script>
</body>

猜你喜欢

转载自blog.csdn.net/Earl_yuan/article/details/50676614