采用登陆的方式来展现,在输入用户名的时候,按下回车跳到输入密码框,在输入密码的框中按下回车,就直接提交,但此时需要注意一点就是:提交的按钮不能够为submit型,只能够为普通的按钮,否则检测在有按回车的时候就会产生提交的动作。
示例文件如下:
<
html
>
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" >
< title > 回车跳转及提交示例 </ title >
</ head >
< body >
< form action ="" method ="post" name ="loginForm" >
/********************在页面中采用回车控制光标跳转及提交示例********************/ < br >
用户名: < input type =text name ="username" onKeyPress ="toPassword(event);" >< br >
密码 : < input type =password name ="password" onKeyPress ="doSubmit(event);" >< br >
< input type =button value ="提交(注:此时的提交按钮不能够是submit型的)" onclick ="doSubmit(event);" >
</ form >
</ body >
</ html >
< Script language ="JavaScript" > ...
function toPassword(e)
...{
var frm = document.loginForm;
if(13 == e.keyCode) ...{
if(frm.elements["username"].value =="")...{
alert("请输入用户名");
frm.username.focus();
return;
}
frm.elements["password"].focus();
}
}
function doSubmit(e)
...{
if(e.keyCode==13)
...{
alert("doSubmit");
}
else
...{
//alert("not submit")
}
}
</ script >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" >
< title > 回车跳转及提交示例 </ title >
</ head >
< body >
< form action ="" method ="post" name ="loginForm" >
/********************在页面中采用回车控制光标跳转及提交示例********************/ < br >
用户名: < input type =text name ="username" onKeyPress ="toPassword(event);" >< br >
密码 : < input type =password name ="password" onKeyPress ="doSubmit(event);" >< br >
< input type =button value ="提交(注:此时的提交按钮不能够是submit型的)" onclick ="doSubmit(event);" >
</ form >
</ body >
</ html >
< Script language ="JavaScript" > ...
function toPassword(e)
...{
var frm = document.loginForm;
if(13 == e.keyCode) ...{
if(frm.elements["username"].value =="")...{
alert("请输入用户名");
frm.username.focus();
return;
}
frm.elements["password"].focus();
}
}
function doSubmit(e)
...{
if(e.keyCode==13)
...{
alert("doSubmit");
}
else
...{
//alert("not submit")
}
}
</ script >
本文出自:冯立彬的博客