Submit The Form When The User Presses Enter

最新推荐文章于 2024-05-03 11:08:18 发布

weixin_30840253

最新推荐文章于 2024-05-03 11:08:18 发布

阅读量65

点赞数

文章标签： javascript xhtml ViewUI

原文链接：http://www.cnblogs.com/GT_Andy/archive/2010/05/11/1921782.html

版权

Different browsers have different default behaviors about what to do when the user hits enter in a form. MSIE almost always submits the form, while Netscape will often just beep at you. Although it's usually best to leave the default browser behavior as it is, for some forms people just naturally tend to hit "enter" when they are ready. This is particularly true for login forms. With a little JavaScript we can set the form to submit on enter.

First, copy this script exactly as-is into the <HEAD> section of your document:

<SCRIPT TYPE="text/javascript">
<!--
function submitenter(myfield,e)
{
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) keycode = e.which;
else return true;

if (keycode == 13)
   {
   myfield.form.submit();
   return false;
   }
else
   return true;
}
//-->
</SCRIPT>

For each field which should submit the form when they hit enter add an onKeyPress attribute like this:

<FORM ACTION="../cgi-bin/mycgi.pl">
name:     <INPUT NAME=realname SIZE=15><BR>
password: <INPUT NAME=password TYPE=PASSWORD SIZE=10
           onKeyPress="return submitenter(this,event)"><BR>
<INPUT TYPE=SUBMIT VALUE="Log In">
</FORM>

Add the attribute like it is in the example. No modification is needed. This gives us this form:

name:
password:

---------------------------------------------------------------------------------------------------

---------------------------------------------------------------------------------------------------

设表单的name为form1,在其最后一个输入框中添加如下内容:
onKeyDown="if(event.keyCode == 13) javascript:document.form1.submit();"
在firefox 3.0中测试通过.

---------------------------------------------------------------------------------------------------

多浏览器，按回车提交表单的 js 代码如下：
<html>
<head>
<title>多浏览器的回车提交表单</title>
<script>
function login(){
   document.getElementById("myform").submit();
}

function keydown(){
    if(document.addEventListener){//如果是Firefox
        document.addEventListener("keypress",fireFoxHandler, true);
   }else{ //如果是 IE
       document.attachEvent("onkeypress",ieHandler);
    }
}

function fireFoxHandler(evt){
   if(evt.keyCode == 13){   // Enter 的keycode 是 13
        document.getElementById("btnsubmit").click();//如果是回车键，使用代码触发提交按钮的点击事件。
   }
}

function ieHandler(evt){
if(evt.keyCode==13){
    if(event.keyCode == 13)// 侦测到按下键盘的按钮，13代表回车键
      {
           event.returnValue=false; // 是当前事件的返回值为false
           event.cancel = true; // 停止当前时间继续运行
           document.getElementById("btnsubmit").click();//如果是回车键，使用代码触发提交按钮的点击事件。
           return false;
      }
}
}
</script>
</head>
<body>
<form action="*.do?method=query" method="post" name="myform" id="myform">
<input type="text" name="userName" id="userName" οnkeydοwn="keydown();"/>

<input id="btnsubmit" name="btnsubmit" type="button" onClick="login();" value="提交" class="inputbtn"/>
</form>
</body>
</html>
----------------------------------------------------------------------------------------------以下是转载的文章：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function document.onkeydown()
{
if(event.keyCode==13)// 侦测到按下键盘的按钮，13代表回车键
{
event.returnValue=false; // 是当前事件的返回值为false
event.cancel = true; // 停止当前时间继续运行
document.getElementById("btnQuery").click();//如果是回车键，使用代码触发提交按钮的点击事件。
return false;
}
}
</script>
<script language="javascript">
function aa()
{
if (event.keyCode == 13)
{
event.returnValue=false;
event.cancel = true;
document.getElementById("btnQuery").click();
}
}
</script>
</head>
<body>
<form action="b.html" method="post" name="form1" id="form1" >
请输入查询内容：
<input name="txtbtsname" type="text" id="txtbtsname" size="60" style="width: 100px; height: 22px" />
<input name="btnQuery" type="submit" id="btnQuery" value="查询" >
</form>
</body>
</html>

【受用了。以下是自己写的】

//Enter提交账号密码

<SCRIPT TYPE="text/javascript">
<!--
        function document.onkeydown() {
            if (event.keyCode == 13) {
                event.returnValue = false;
                event.cancel = true;
                document.getElementById("btnLogin").click();
                return false;
            }
        }

//-->
</SCRIPT>

转载于:https://www.cnblogs.com/GT_Andy/archive/2010/05/11/1921782.html

weixin_30840253

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Submit The Form When The User Presses Enter

Different browsers have different default behaviors about what to do when the user hits enter in a form. MSIE almost always submits the form, while Netscape will often just beep at you. Although it's ...
复制链接

扫一扫