28,406
社区成员
发帖
与我相关
我的任务
分享如何控制对文本框的输入和焦点的自动跳转?
如何控制对文本框的输入和焦点的自动跳转?
我的目的：三个文本框，都用来输入带有两位小数的二位数字（比如：91.25).
当在第一个文本框输入后，自动把焦点转给第二个文本框，以此类推。
如果输入错误，比如位数不对，则跳出对话框提示。
谢谢各位了！！
我的目的：三个文本框，都用来输入带有两位小数的二位数字（比如：91.25).
当在第一个文本框输入后，自动把焦点转给第二个文本框，以此类推。
如果输入错误，比如位数不对，则跳出对话框提示。
谢谢各位了！！
...全文
请发表友善的回复…
发表回复
x1234521 2005-04-20
- 打赏
- 举报
如果您输入的格式就是“00.00”这样，就可以用下面的代码，iis5.0+ie6.0测试通过。
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<script>
//定义了一个函数，ch(t,tx)，t为要检测的控件,tx为如果被检测的控件没有错误将把光标移到tx上
function ch(t,tx)
{
var regs=/^[0-9][0-9]\.[0-9][0-9]$/;
if (!regs.test(eval("window.form1."+t+".value")))
{
window.aa.innerHTML="错误";
}
else
{
window.aa.innerHTML="";
eval("window.form1."+tx+".focus()");
}
//setTimeout('ch();',1000);
}
</script>
<body onLoad="this.form1.t1.focus();">
<form name="form1" method="post" action="">
<input name="t1" type="text" id="t1" onKeyUp="ch('t1','t2')" size="10">
<input name="t2" type="text" id="t2" size="10" onKeyUp="ch('t2','t3')">
<input name="t3" type="text" id="t3" size="10" onKeyUp="ch('t3','t3')">
</form>
<div id="aa"></div>
</body>
</html>
<%@LANGUAGE="VBSCRIPT" CODEPAGE="936"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
</head>
<script>
//定义了一个函数，ch(t,tx)，t为要检测的控件,tx为如果被检测的控件没有错误将把光标移到tx上
function ch(t,tx)
{
var regs=/^[0-9][0-9]\.[0-9][0-9]$/;
if (!regs.test(eval("window.form1."+t+".value")))
{
window.aa.innerHTML="错误";
}
else
{
window.aa.innerHTML="";
eval("window.form1."+tx+".focus()");
}
//setTimeout('ch();',1000);
}
</script>
<body onLoad="this.form1.t1.focus();">
<form name="form1" method="post" action="">
<input name="t1" type="text" id="t1" onKeyUp="ch('t1','t2')" size="10">
<input name="t2" type="text" id="t2" size="10" onKeyUp="ch('t2','t3')">
<input name="t3" type="text" id="t3" size="10" onKeyUp="ch('t3','t3')">
</form>
<div id="aa"></div>
</body>
</html>
liujinti 2005-04-20
- 打赏
- 举报
格式是00.00
fangq 2005-04-19
- 打赏
- 举报
格式是固定的吗？
liujinti 2005-04-19
- 打赏
- 举报
没有人会吗？
我再顶一下吧~~~实在不行我就放弃了~
我再顶一下吧~~~实在不行我就放弃了~
itzhiren 2005-04-19
- 打赏
- 举报
我也想知道
LW1981 2005-04-19
- 打赏
- 举报
用javascript的focus()
liujinti 2005-04-18
- 打赏
- 举报
在文本框间跳转不用按Tab，当输入位数符合要求后自动把焦点给下一个文本框。
