採用登陸的方式來展現,在輸入使用者名稱的時候,按下斷行符號跳到輸入密碼框,在輸入密碼的框中按下斷行符號,就直接提交,但此時需要注意一點就是:提交的按鈕不能夠為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>
本文出自:馮立彬的部落格