`
zhang19841017
  • 浏览: 79403 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

IE 防止回车提交的办法

阅读更多

  IE 默认回车把form 表单提交,但是有的web 项目中不需要这么做,这样就有问题了。

原因如下:
 1.   只有一个text框时,(不管有没有submit),直接触发onsubmit   (form标签的一事件属性)
 2.   有多个text框时,触发submit上的onclick,其默认行为为触发onsubmit。
解决办法:

  我们在写jsp页面的时候,尽量把按钮的type 设置成 button。

 

  在提交按钮和form 上 设置 onsubmit =“ ×××();”

 function ×××(){

   ...

  //写验证逻辑

  return true;

  }

分享到:
评论

相关推荐

    Jquery响应回车键直接提交表单操作代码

    `keyup` 通常比 `keydown` 更稳定,可以防止笔记本电脑上由于误触导致的连续提交。 键盘事件有三个主要类型:`keydown`、`keypress` 和 `keyup`。`keydown` 发生在按键按下时,`keypress` 在按键持续按住时触发...

    网页中表单按回车就自动提交的问题的解决方案

    在网页设计中,表单是用户与服务器交互的重要组成部分,其中的一个常见问题是在表单内...无论是希望回车键立即提交表单(如搜索引擎的搜索框),还是防止在复杂表单中因误操作引发的提前提交,都能找到合适的处理方式。

    jquery禁止回车触发表单提交

    此外,如果你的应用场景中包含多个需要禁止回车提交的输入框,可以将这些输入框统一归类,比如都添加一个特定的类名,然后在一个事件监听器中处理所有的回车事件,这样能提高代码的复用性和可维护性。 总的来说,`...

    页面只有一个text的时候,回车自动submit的解决方法

    通过这种方式,我们能够在回车键被按下时立即响应,防止表单提交。 3. **添加隐藏文本框**:如描述中提到,如果上述方法仍然无法解决问题,可以尝试在页面上添加一个隐藏的文本输入框。这个额外的输入框使得浏览器...

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

    例如,使用`event.keyCode==13`来检测回车键,返回`false`以防止表单提交: ```html (event.keyCode==13) return false;'/> ``` 如果想要在按回车时执行特定的提交操作,可以修改`onkeydown`事件,使其在...

    表单切换,用回车键替换Tab健(不支持IE)

    如果找到了,就将其设置为聚焦状态(`focus()`),并阻止默认的回车键行为(防止表单提交)。 `getInputByTab`函数的实现也相当直观。它遍历`inputs`数组,检查每个元素的`tab`属性,一旦找到与传入值相等的元素,...

    JavaScript监听和禁用浏览器回车事件实例

    在Web开发中,监听和管理用户的键盘操作是一个常见的需求,尤其是处理特定的按键...同时,本文也提供了一个简单的方法来防止表单在用户按下回车键时自动提交,这对于提升用户体验和满足特定的交互设计需求很有帮助。

    Enter转换为Tab的小例子(兼容IE,Firefox)

    同时,通过`e.preventDefault()`阻止了默认的回车键行为,防止表单被意外提交。 `getNextInput`函数用于寻找当前元素之后的下一个非隐藏的表单元素: ```javascript function getNextInput(input) { var form = ...

    textarea在文本之后获得焦点,适合ie,火狐,谷歌

    如果是,就调用`focus()`方法使`textarea`再次聚焦,防止回车键创建新行是通过`event.preventDefault()`实现的。 为了确保在各种浏览器中都能正常工作,我们需要考虑不同的浏览器可能有不同的行为。例如,某些...

    javascript 回车替换成TAB的脚本

    为了防止在特定类型的输入元素(如提交按钮、图片类型或文本区域)上触发此功能,可以加入以下条件: ```javascript if (event.srcElement.type != 'submit' && event.srcElement.type != "image" && event....

    layer弹窗在键盘按回车将反复刷新的实现方法

    在某些场景下,我们可能希望当用户在layer弹窗中按下回车键时,能够触发某些行为,比如表单提交等。但有时候可能会出现按回车键导致页面刷新的bug。为了解决这个问题,需要对layer弹窗中的键盘事件进行适当的处理。 ...

    验证码按回车不变解决方法

    在网页开发过程中,验证码是一种常见的安全机制,用于防止自动化脚本或机器人进行恶意操作,如自动注册、登录或提交表单。然而,验证码有时会出现一些问题,比如在某些浏览器上无法正常更新。本文将深入探讨IE浏览器...

    基于Jquery的实现回车键Enter切换焦点

    ` 阻止默认的回车键行为,防止表单提交,使得焦点可以切换到下一个元素。 6. `var nxtIdx = $inp.index(this) + 1;` 计算当前激活文本框在元素集合中的索引,然后加1,以找到下一个元素。 7. `$(':input:text:eq(' +...

    利用JS屏蔽页面中的Enter按键提交表单的方法

    3. 如果存在`<input type="submit">`按钮,将其`UseSubmitBehavior`属性设为`false`,防止在Opera等浏览器中Enter键导致提交。 通过这些方法,你可以确保用户按下Enter键时不会意外地提交表单,从而提供更稳定、可...

    javascript 验证大全

    在JavaScript中,网页验证是确保用户输入的数据符合特定格式或要求的关键步骤,可以防止无效数据的提交,提高用户体验。以下是一些重要的JavaScript验证知识点: 1. **浏览器检测**:在示例代码中,`var IsFirefox ...

    基于Jquery的回车成tab焦点切换效果代码(Enter To Tab )

    在检测到按下回车键且当前输入框不是按钮、提交按钮、重置按钮或文本域时,使用`return false;`阻止事件继续传播和执行默认动作。 10. **键盘事件**: `keydown`和`keypress`事件之间的区别在于,`keydown`事件在...

Global site tag (gtag.js) - Google Analytics