javascript按回车提交表单详细做法

在不同的地方按回车键得到不同的响应
    如果同一页面上有多个文本框(textbox),每个文本框对应不同提交按钮(button),如下列“登录”的页面里,有“输入邮箱号”和“输入帐号”两个文本框和“进入邮箱”、“进入社区”两个按钮。

实现步骤如下:

1。建立页面和代码文件(此步骤不详细介绍)
2。给 form 加上 onkeydown="keydown()"以屏蔽掉页面的回车响应
    keydown()的代码如下:
        function keydown() { }
3。给“输入邮箱号”的文本框加上 onkeydown="mail();"让它响应“进入邮箱”按钮事件
    mail()代码如下:
     

   function mail()
        {
            if(event.keycode==13)
            {
                 document.all.mail.click();
                 alert('mail');
            }
         }

 4。给“输入帐号”的文本框加上 onkeydown="bbs();"让它响应“进入社区”按钮事件
    bbs()代码如下:
       

function bbs()
        {
             if(event.keycode==13)
             {
                 document.all.bbs.click();
                 alert('bbs');
             }
         }

下面来看看回车的处理方法

<script language="网页特效" for="document" event="onkeydown">
//回车按钮事件处理
if (event.keycode == 13){
event.keycode=0;
var list=document.getelementsbytagname("input");
for(var i=0;i<list.length && list[i];i++)
{
if(list[i].id.indexof("ibtnnextstep")>0){//id中包含有“ibtnnextstep”字眼的按钮
list[i].click();
}
if(list[i].id=="btnsave"){
list[i].click();
}

if(list[i].id=="btnsumbit"){
list[i].click();
}
}
return false;
}
</script>

按回车提交要注意焦点问题,必须使文本输入框失去焦点。让另一个控件获得焦点就等于让文本输入框失去焦点。

时间: 2024-09-20 07:44:51

javascript按回车提交表单详细做法的相关文章

JavaScript阻止回车提交表单的方法_javascript技巧

大家对回车键的功能应该比较熟悉,比如在windows系统的很多应用程序中,只要点击回车键就可以进入此程序或者开启某项功能,不过有时候我们希望阻止它的功能,例如在填写表单的时候,可能不小心点击回车键造成表单误提交,下面就来简单介绍一下如何实现此功能.代码实例如下: 如何防止回车(enter)键提交表单,其实很简单,就一句话.onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了. <!DOCTYPE html&g

javascript中回车提交表单代码

本demo演示在文本框中按enter键是否触发提交表单 默认情况下,一个文本框的时候,提交,不管按钮type是submit还是button 一个文本框的时候怎么才能做到不提交,方法是加一个隐藏掉的文本框 只要有type为submit的按钮存在,一个文本框还是多个文本框都提交 只要有type为submit的按钮存在,一个文本框还是多个文本框都提交 多个文本框的时候,不提交,用type为button的按钮就行啦 用button元素时,FX和IE下有不同的表现 提交 radio和checkbox在FX

Javascript屏蔽回车提交表单

html利用input防止回车提交 默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交. 1.当type="submit"时,无论有几个type="text"输入框,回车均表示提交.(submit) 2.当type="button"时,且存在多个输入框,回车不提交.(button) 3.解决单个输入框的回车即提交问题,参考第二点:可以增加一个input

简单asp.net跨域提交表单详细做法(1/2)

主要应用就是注册信息太多,以多个页面进行逐步注册操作,大概的原理就是一个actionform对应多个action   1,建立一个actionform,有3个域,分别是name,password,email,不用添加jsp教程   2.建立一个jsp,名字叫register1.jsp,代码如下   view source print? 1 <html:form action="/register1.do" method="post"> 2     use

JavaScript实现CTRL+回车提交表单

javascript|提交表单 <script type="text/javascript"> //Ctrl+回车 提交表单 // 例: <textarea name="textarea" ></textarea> // 注意: Form 必须有 Name 或 ID      function submitForm(formID) {         if(window.event.ctrlKey&&window.

Javascript 函数: CTRL+回车 提交表单

javascript|函数|提交表单 <script type="text/javascript"> //<![CDATA[ Javascript 函数: Ctrl+回车 提交表单 // 例: <textarea name="textarea" ></textarea> // 注意: Form 必须有 Name 或 ID      function submitForm(formName) {         if(wind

Javascript中CTRL+回车提交表单

<script type="text/javascript"> //<![CDATA[ Javascript 函数: Ctrl+回车 提交表单 // 例: <textarea name="textarea" onKeyDown="submitForm(this.form.name)"></textarea> // 注意: Form 必须有 Name 或 ID function submitForm(for

js 禁止回车提交表单二种方法

js 禁止回车提交表单二种方法 1.包含form表单 2.只有一个文本框 这样问题就可以解决了,破坏其中任何一个条件即可,一般的做法是加一个隐藏的文本框 当然你也可以在表单 form 后面加上一个 onsubmit 事件,返回 false,来阻止 form 提交 下面看一个回车提交表单的代码 script type="text/网页特效" language="javascript">    function keydown()      {         

按回车提交表单js代码

核心代码如下 //捕捉回车事件  代码如下 复制代码 document.onkeydown=function(e){  if(!e)e=window.event;  if((e.keyCode||e.which)==13){  tijiao();  } 完整实例  代码如下 复制代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"