一聚教程网:一个值得你收藏的教程网站

最新下载

热门教程

回车提交表单几种方法

时间:2011-04-12 编辑:简简单单 来源:一聚教程网

分析原理提交一般是根据用户的按键一,回车的keycode=13,知道这个我们就好判断了,只要利用js监控键盘,如果是13就提交表单就可以了。

要实现的主要功能是:在文本框中输入数据以后,按回车键提交(也就是说, 按回车可以搜索 , 按搜索按钮也可以搜索)
代码一
如何实现文本框焦点自动跳转及通过回车键提交表单
1.


当点击回车的时候去执行 tab键

代码二

步骤:


注: 如果查询按钮是imagebutton控件 提交表单时用 document.getelementbyid("imagebutton1").click();

<asp教程:textbox id="textbox1" runat="server">



 


代码三

要控制这些行为,不需要借助js,浏览器已经帮我们做了这些处理,这里总结几条规则:
1、如果表单里有一个type=”submit”的按钮,回车键生效。
2、如果表单里只有一个type=”text”的input,回车键生效。
3、如果按钮不是用input,而是用button,并且没有加type,ie下默认为type=button,fx默认为type=submit。
4、其他表单元素如textarea、select不影响。

实际应用的时候,要让表单响应回车键很容易,保证表单里有个type=”submit”的按钮就行。而当只有一个文本框又不希望响应回车键怎么办呢?我的方法有点别扭,就是再写一个无意义的文本框,隐藏起来

热门栏目