本文介绍了一种使用回车键控制网页表单输入跳转及提交的方法。通过JavaScript监听键盘事件，实现从用户名输入框到密码输入框的跳转，并在密码框内按下回车键时触发提交动作。注意提交按钮类型应设置为普通按钮而非submit型。
采用登陆的方式来展现，在输入用户名的时候，按下回车跳到输入密码框，在输入密码的框中按下回车，就直接提交，但此时需要注意一点就是：提交的按钮不能够为submit型，只能够为普通的按钮，否则检测在有按回车的时候就会产生提交的动作。
示例文件如下：
<html><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"><title>回车跳转及提交示例</title></head><body><formaction=""method="post"name="loginForm">/********************在页面中采用回车控制光标跳转及提交示例********************/<br>用户名：<inputtype=textname="username"onKeyPress="toPassword(event);"><br>密码 ：<inputtype=passwordname="password"onKeyPress="doSubmit(event);"><br><inputtype=buttonvalue="提交（注：此时的提交按钮不能够是submit型的）"onclick="doSubmit(event);"></form></body></html>
<Scriptlanguage="JavaScript">...
functiontoPassword(e)
...{varfrm=document.loginForm;if(13==e.keyCode)...{if(frm.elements["username"].value=="")...{alert("请输入用户名");frm.username.focus();return;
}frm.elements["password"].focus();}}functiondoSubmit(e)...{if(e.keyCode==13)...{alert("doSubmit");}else...{//alert("notsubmit")}
}</script>
扫一扫
2133
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
