`

Form中的回车

    博客分类:
  • html
阅读更多
Form中有两个控件:分别是textbox和button,按下button调用js方法进行ajax处理。

<input type="text" name="goPageNum" id="goPageNum" value="">
<input type="button" name="pagingBtn" value="GO" onclick="javascript:submitPagingForm('go')">


问题:
把焦点放在textbox中,按下回车,页面发生跳转,form中的内容显示在了整个浏览器中(而不是预想的div中),这时js没有被调用。也就是说只是client端的动作。

解决:
把两个控件移到form外面。

原因:
没有详细调查,猜想和js的冒泡事件有关系。
分享到:
评论

相关推荐

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

    1.form表单中只有一个input标签,按回车键将自动提交表单 当form表单中只有一个&lt;input type=”text” name=’name’ /&gt;时按回车键将会自动将表单提交。 &lt;form id='form1' action='a1.jsp' method='post'&gt...

    如何防止INPUT按回车自动提交表单FORM

    在网页设计中,表单(`&lt;form&gt;`)是用户与服务器进行交互的重要元素,而输入框(`&lt;input&gt;`)则是用户输入数据的主要界面组件。然而,浏览器默认的行为是,当用户在单个输入框中按下回车键时,会触发表单的提交事件。...

    说说回车键触发表单提交的问题

    在网页开发中,表单(Form)是用户与服务器交互的重要元素,用于收集用户输入的数据。回车键触发表单提交是一个常见的功能,但有时它可能会带来一些问题或需要进行特定的处理。本文将深入探讨回车键如何触发表单提交...

    使Form界面回车是切换到下一项,注意不要设置from的accessbuttom和keyprebiew属性

    然而,在实现这一功能的过程中,有一些细节需要注意,比如不能设置`Form`的`AcceptButton`和`KeyPreview`属性。本文将详细介绍如何实现这一功能,并解释为什么不能设置这两个属性。 ### 实现思路 当用户按下...

    javaScript实现回车登录

    在这个示例中,当用户在密码输入框中按下回车键时,会调用`getFocuse`函数,该函数检查是否是回车键(`event.key === 'Enter'`),如果是,则调用`f_login`函数执行登录操作。 #### 四、优化建议 虽然上面的代码...

    禁止按回车键提交表单的方法

    在网页开发中,用户按下回车键通常会触发表单的提交操作,这在某些情况下可能会导致意外的结果,比如在搜索框中按回车可能会刷新整个页面。本文将详细讲解如何禁止用户通过回车键来提交表单,以避免这种不必要的行为...

    JSP中的FORM表单中只有一个input文本时,按回车键将会自动提交表单

    在JSP中,当一个FORM表单中只有一个INPUT文本输入框时,用户按下回车键,浏览器会默认触发表单的提交动作。这是因为浏览器的默认行为:在一个只有一个单行文本输入域(type="text")的表单里,按下回车键会模拟点击...

    没有form表单情况下敲回车键提交表单的js代码.docx

    ### 没有form表单情况下敲回车键提交表单的JS代码 在Web开发中,表单是用户与网站交互的重要方式之一。通常情况下,表单通过`&lt;form&gt;`标签来定义,并且可以通过点击按钮或者按下回车键来提交表单数据。但在某些特殊...

    没有form表单情况下敲回车键提交表单的js代码

    通常,提交表单需要用户点击一个按钮或者按表单中某个按钮的快捷键,但很多时候,开发者希望用户在输入信息后按下回车键即可提交表单。然而,如果页面中没有form标签,传统的提交方式不再适用,此时我们需要通过...

    C# 在窗体中按回车键依次变换控件焦点

    "C# 在窗体中按回车键依次变换控件焦点"这一主题,涉及到了如何使得用户在按下回车键后,焦点能够自动移动到下一个控件,以提高用户体验。这一功能常见于各种表单应用,例如网上购物、银行登录等,用户可以在不同的...

    Delphi消除在TEdit控件中按下回车键时的声音.rar

    然而,默认情况下,当用户在TEdit控件中按下回车键时,系统会发出一个声音来响应这个事件,这在某些情况下可能会显得不那么友好,特别是在需要安静或者用户交互体验更流畅的应用中。本教程将详细讲解如何消除在...

    ie ,火狐 文本框回车自动提交

    在网页开发过程中,一个常见的需求是当用户在文本框中按下回车键时,自动触发表单提交。这种功能在多种浏览器中实现的方式可能有所不同,尤其是对于IE(Internet Explorer)和Firefox这两种主流浏览器。本文将深入...

    C#键盘输入回车键实现点击按钮效果的方法

    在C#编程中,有时我们希望用户能够通过按下键盘上的回车键来触发与点击按钮相同的操作,这在创建用户友好的界面时尤其有用。这个功能的实现涉及到窗体(Form)的事件处理以及键盘事件的监听。下面将详细介绍如何在C#...

    JSP文本输入解决回车问题代码实例[可运行].rar

    在网页开发中,用户在文本输入框中按下回车键时,通常会触发表单的提交事件,这是浏览器默认的行为。然而,在某些情况下,我们可能希望回车键执行其他操作,比如换行或者触发某个自定义功能。在JSP(JavaServer ...

    C#串口上位机Form版本

    本文将详细探讨"C#串口上位机Form版本"的四个关键更新点:文件保存功能、XML文件读写、回车键快捷发送以及窗体自动缩放,这些功能对于提升上位机的实用性和用户体验至关重要。 1. 文件保存功能: 在串口通信中,...

    winfrom 下的控件回车跳转(TAB)

    本篇将深入探讨如何在C#的WinForm应用中实现回车键触发控件焦点的跳转。 首先,我们需要理解C#中的事件处理机制。事件是对象能够发送的通知,而事件处理程序则是接收并响应这些通知的函数。在WinForm中,每个控件都...

    网页中回车后form自动提交跳到其他页面的解决方法

    网页回车后form自动提交,跑到其他页面 有个查询的form,本来是希望点击查询时才查询的,结果测试到回车时跑到其他页面去了。 复制代码代码如下: &lt;form action=”notice.php” method=”get”&gt; … &lt;...

    jQuery实现的监听回车按键代码

    这在各种交互式表单或搜索输入框中非常常见,用户按下回车键时,可以触发特定的事件,比如提交表单或执行搜索。 首先,我们需要理解jQuery中的`$(document).ready()`函数。这个函数确保当整个HTML页面加载完成之后...

    C# http系列之以form-data方式上传多个文件及键值对集合到远程服务器

    在C#中,可以使用HttpWebRequest和HttpWebResponse类来实现multipart/form-data方式上传附件与请求参数。首先,需要创建一个HttpWebRequest对象,并设置其Method属性为“POST”,ContentType属性为“multipart/form-...

Global site tag (gtag.js) - Google Analytics