在页面中采用回车控制光标跳转及提交示例

采用登陆的方式来展现，在输入用户名的时候，按下回车跳到输入密码框，在输入密码的框中按下回车，就直接提交，但此时需要注意一点就是：提交的按钮不能够为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 >
密码 &nbsp;&nbsp; ： < 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 >

 

本文出自：冯立彬的博客