版权声明:懂我的人,无需声明。不懂我的人,何须声明。 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>