JSP页面弹出警告框，点击框内的按钮后要把焦点设置在某个输入框上，如何编写
比如页面上有姓名，班级，学号三个输入框，依次输入，如果某个未输入就提交的话，弹出警告框（是警告框，不是确认框），然后按下警告框上的确认键，光标设置在未输入的那一个输入框上...
比如页面上有姓名，班级，学号三个输入框，依次输入，如果某个未输入就提交的话，弹出警告框（是警告框，不是确认框），然后按下警告框上的确认键，光标设置在未输入的那一个输入框上，如何实现啊？
展开
4个回答
展开全部
参照这个，可以监听你的警告看确认键，然后使用focus函数，如下：
可以使用focus()函数来实现这个效果。
比如要定位的文本框为<input id='input' />，那么可以在页面加载完成之后，加上如下代码：
$('#input').focus();
这样光标就停在文本框内了
可以使用focus()函数来实现这个效果。
比如要定位的文本框为<input id='input' />，那么可以在页面加载完成之后，加上如下代码：
$('#input').focus();
这样光标就停在文本框内了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2016-02-03 · 百度知道合伙人官方认证企业
育知同创教育
1【专注：Python+人工智能|Java大数据|HTML5培训】 2【免费提供名师直播课堂、公开课及视频教程】 3【地址：北京市昌平区三旗百汇物美大卖场2层，微信公众号：yuzhitc】
向TA提问
关注
![]()
展开全部
把焦点设置在某个输入框上的方法是在js中实现的，利用onfocus方法。
onFocus事件就是当光标落在文本框中时发生的事件。
!-- 文件说明：OnFocus事件 -->
<!-- ------------------------------ -->
<html>
<head>
<title>OnFocus事件</title>
</head>
<body>
<Form>
<input type="text" name="test1" value="test1" onclick=alert("可以关掉!")>
<input type="text" name="test1" value="test1" onblur=alert("可以关掉aaaaaaa!")>
<input type="text" name="test1" value="test1" onclick=alert("可以关掉bbbbbbbbb!")>
<input type="text" name="test2" value="一按我就无法关掉了，haha" onFocus=alert("我成为了输入焦点!")>
</Form>
</body>
</html>
onFocus事件就是当光标落在文本框中时发生的事件。
!-- 文件说明：OnFocus事件 -->
<!-- ------------------------------ -->
<html>
<head>
<title>OnFocus事件</title>
</head>
<body>
<Form>
<input type="text" name="test1" value="test1" onclick=alert("可以关掉!")>
<input type="text" name="test1" value="test1" onblur=alert("可以关掉aaaaaaa!")>
<input type="text" name="test1" value="test1" onclick=alert("可以关掉bbbbbbbbb!")>
<input type="text" name="test2" value="一按我就无法关掉了，haha" onFocus=alert("我成为了输入焦点!")>
</Form>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<BODY>
<FORM METHOD=POST ACTION="http://www.baidu.com" id="form1" onsubmit="checkFrom(); return false;">
<table>
<tr>
<td>姓名：</td>
<td><input type="text" name="userName"></td>
</tr>
<tr>
<td>班级：</td>
<td><input type="text" name="class"></td>
</tr>
<tr>
<td>学号：</td>
<td><input type="text" name="noId"></td>
</tr>
<tr>
<td colspan="2"><INPUT TYPE="submit" value="提交"></td>
</tr>
</table>
</FORM>
</BODY>
<SCRIPT LANGUAGE="JavaScript">
function checkFrom(){
if(document.getElementById("userName").value == ""){
alert("警告：没有输入姓名");
document.getElementById("userName").focus();
return false;
}
if(document.getElementById("class").value == ""){
alert("警告：没有输入班级");
document.getElementById("class").focus();
return false;
}
if(document.getElementById("noId").value == ""){
alert("警告：没有输入学号");
document.getElementById("noId").focus();
return false;
}
form1.submit();
}
</SCRIPT>
<FORM METHOD=POST ACTION="http://www.baidu.com" id="form1" onsubmit="checkFrom(); return false;">
<table>
<tr>
<td>姓名：</td>
<td><input type="text" name="userName"></td>
</tr>
<tr>
<td>班级：</td>
<td><input type="text" name="class"></td>
</tr>
<tr>
<td>学号：</td>
<td><input type="text" name="noId"></td>
</tr>
<tr>
<td colspan="2"><INPUT TYPE="submit" value="提交"></td>
</tr>
</table>
</FORM>
</BODY>
<SCRIPT LANGUAGE="JavaScript">
function checkFrom(){
if(document.getElementById("userName").value == ""){
alert("警告：没有输入姓名");
document.getElementById("userName").focus();
return false;
}
if(document.getElementById("class").value == ""){
alert("警告：没有输入班级");
document.getElementById("class").focus();
return false;
}
if(document.getElementById("noId").value == ""){
alert("警告：没有输入学号");
document.getElementById("noId").focus();
return false;
}
form1.submit();
}
</SCRIPT>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
写在js里面
alert("The name can't null");
form.name.focus();
alert("The name can't null");
form.name.focus();
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
