您的位置：首页 > 其它

文本框获得焦点

2016-02-16 19:58 302 查看
在实际开发中，我们可能会遇到需要对文本框进行判断，如果为空的情况，是不能进行表单提交的，而且为了用户界面的交互友好考虑，我们需要让文本框获得焦点以便用户继续输入。下面我们就来看看如何使用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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航