回车提交表单几种方法

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

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

<script language=“vbscript“>
<!--
sub document_onkeydown
if window.event.keycode=13 then
window.event.keycode=9
end if
end sub
//-->
</script>

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

代码二

步骤:

<script type="text/网页特效" language="javascript">
   function keydown()
     {
         if (event.keycode == 13)
          {
              event.returnvalue=false;  //不刷新界面
              form.btnok.click(); //使用表单提交
          }
       }
</script>

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

<asp教程:textbox id="textbox1" runat="server"></asp:textbox>
<br />
<asp:textbox id="textbox2" runat="server" onkeydown="keydown()"></asp:textbox>
 <br />
<asp:button id="btnok" runat="server" onclick="btnok_click" text="确定" />

代码三

<script language="javascript">
    function aa()
    {
        if (event.keycode == 13)
       {
         event.returnvalue=false;
         event.cancel = true;
        document.all.imagebuttonsearch.click();
       }
       }
</script>

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

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

时间: 2024-11-03 19:09:35

回车提交表单几种方法的相关文章

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

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

Jquery中ajax提交表单几种方法(get、post两种方法)_AJAX相关

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType

Jquery中ajax提交表单几种方法(get、post两种方法)

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType

Jquery ajax提交表单几种方法详解

$get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType) 请求 test.php 网页,传送2个参数,忽略返回值: $.get("test.php", { name: "John", time: "2pm" } ); 显示 test.php 返回值(HTML 或 XML,取决于返回值):  代

Jquery ajax提交表单几种方法

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$('#表单ID').serialize(). 详细如下介绍: 一.$get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType) 实例 使用 AJAX 的 GET 请求来改变 div 元素的文本: $.get('login.php', {

js 回车提交表单两种实现方法_javascript技巧

1.JavaScript 方法: 复制代码 代码如下: [javascript] <script> document.onkeydown=function(event){ e = event ? event :(window.event ? window.event : null); if(e.keyCode==13){ //执行的方法 alert('回车检测到了'); } } </script> <script> document.onkeydown=function

Form表单按回车自动提交表单的实现方法_javascript技巧

1.form表单中只有一个input标签,按回车键将自动提交表单 当form表单中只有一个<input type="text" name='name' />时按回车键将会自动将表单提交. <form id='form1' action='a1.jsp' method='post'> <input type='text' name='name' /> </form> 如果不想让其自动提交可以这样做: 再添加一个<input type=

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

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

不同浏览器对回车提交表单的处理办法_javascript技巧

条件是: 在IE和Firefox下 1.<form>属性的"action"字段必填: 2.有一个type="submit"的"input". 在Chrome和Safari下 满足第一条即可.(注释1) 所以,如果要控制提交行为的话(比如,提交前检查必填项是否已填),可以在type="submit"的"input"后添加Javascript"onXXX(比如onClick)"事