`
kobexing933
  • 浏览: 120246 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

form 填完文本框安enter键表单自动提交

阅读更多

在表单form中,包含text和submit,当焦点在text内,如果直接按回车,页面不会像点击submit按钮那样执行验证代码,会直接提交掉。(基本发生在表单内只有一个text文本域的时候)

If you have a Web Form with just one single-line text input (even if there are additional input fields, like CheckBoxLists, RadioButtonLists, DropDownLists, and so on), hitting enter in the text input will not cause the Button Web control's Click event to fire when using Internet Explorer

解决方法:
1.增加 form 的 onsubmit 事件来阻止表单自动提交:(IE和火狐下测试通过,推荐)
  <form name="testForm" method="post" action="/testAction.do" onsubmit="return false;">

2.在页面 form 中增加一个 <input style="display:none">

3.用 button 取代 submit :
  <input type='button' value='确定' onclick='document.formname.submit()'>

分享到:
评论

相关推荐

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

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

    jQuery Ctrl+Enter提交表单

    // 阻止默认的Enter键行为(防止表单自动提交) submitForm(); // 调用自定义的提交函数 } }); function submitForm() { // 这里可以添加验证逻辑,比如检查输入非空等 var content = $('#inputArea').val()...

    如何防止回车(enter)键提交表单

    在网页设计中,有时我们希望用户在填写表单时,按下回车键(Enter)不会立即触发表单的提交操作,而是执行其他行为或者不做任何处理。这是因为默认情况下,回车键会被用来提交表单,这可能不符合某些交互设计的需求。...

    js光标定位文本框回车表单提交问题的解决方法

    本文实例讲述了js光标定位文本框回车表单提交问题的解决方法。分享给大家供大家参考。具体分析如下: 当光标定位在辅助查找的文本框后回车,页面会出现方法的返回的json串。 原因:When there is only one single-...

    jsp中如何实现按下回车键自动提交表单

    总结来说,通过JavaScript(或者使用库如jQuery)监听键盘事件,检查回车键的按键码,并在检测到回车键被按下时触发表单的提交,可以在JSP中实现按下回车键自动提交表单的功能。这样,用户无需手动点击提交按钮,只...

    按回车表单自动提交问题意外发现

    然而,在实际开发中,有时候会遇到一些特殊的需求或者行为,比如在没有提交按钮的情况下,用户按下回车键(Enter键)时,表单也能够进行提交。这种情况下,开发者需要对表单提交行为有充分的了解,以确保用户体验和...

    C# Tab键转Enter键,限制输入数字

    在C#编程中,有时我们需要实现用户界面(UI)交互的特定行为,比如将Tab键的行为替换为Enter键,同时限制用户只能输入数字。这样的需求常见于数据输入表单,确保用户按照预期的方式操作,避免非数字字符的输入。本文...

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

    在JSP中,当FORM表单只包含一个input文本框时,用户按下回车键,浏览器会默认执行表单的提交操作。这是因为浏览器遵循一种默认的行为:在一个表单内,如果只有一个单行文本输入域(`&lt;input type="text"&gt;`),在该...

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

    首先,当一个`&lt;form&gt;`表单中只有一个`&lt;input type="text"&gt;`标签时,按下回车键会自动触发表单的提交。这是因为浏览器的默认行为,它将回车键视为提交表单的信号。如果不想让表单在按回车时自动提交,可以采取以下两...

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

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

    使用JQuery实现Ctrl+Enter提交表单的方法

    传统的提交方法通常需要用户点击提交按钮或输入框以外的地方来触发表单提交,或者在输入框中直接按下Enter键。在文本编辑器或聊天应用中,人们常常希望能够在不离开输入区域的情况下快速提交信息,这时,Ctrl+Enter...

    js完美解决jsp文本框限制只能输入数字、小数问题

    // Enter键处理 window.event.keyCode = 9; } else { // 其他按键一律不允许 window.event.returnValue = false; } } ``` 5. **应用场景与注意事项** - 适用于需要用户输入特定格式数字的场景。 - 注意...

    C# 键盘Enter键取代Tab键实现代码

    这种方法的一个潜在问题是,虽然用户可以使用Enter键进行切换,但原有的Enter键功能(如提交表单)可能受到影响。因此,在实际应用中,可能需要根据具体需求来调整或优化这段代码,确保Enter键的其他功能不受影响。 ...

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

    其中一个常见的需求就是让用户可以通过按“Enter”键来切换表单中的焦点到下一个控件上,这样的设计可以提升用户体验,特别是在填写表格或者表单时尤为有用。然而,在实现这一功能的过程中,有一些细节需要注意,...

    Detect When the User Presses Enter

    例如,在数据输入表单中,用户通常期待按下回车键能触发下一步的操作,如切换到下一个文本框或执行提交操作。 “控件”和“源码”则意味着我们需要关注的是UI元素(如TextBox)和背后的代码逻辑。在VB中,控件如...

    asp.net实现取消页面表单内文本输入框Enter响应的方法

    后来google一下,发现这是asp.net2.0为表单处理专门设置的”Enter key”功能,关于asp.net ajax表单的enter key,你可以查看这一篇《ASP.NET基于Ajax的Enter键提交问题》。前面给出链接的两篇都是叫我们怎么设置...

    C# keydown 事件

    // 阻止默认的Enter键行为,如提交表单 e.Handled = true; } } ``` 4. **处理验证**:在上述代码中,`ValidatePassword`方法是假设的,实际项目中需要根据业务需求实现密码验证。如果密码验证失败,可以显示...

    Java Web应用开发 18 课堂案例-使用request对象获取简单表单信息.docx

    这个页面包含了一个文本框和一个提交按钮,如下所示: ```html &lt;form action="requestdemo1.jsp" method=post name=form&gt; &lt;input type="submit" value="Enter" name="submit"&gt; &lt;/form&gt; ``` 这里,`action`...

    发现一个HTML按钮

    这样,用户不仅可以清楚地看到每个按钮的功能,还可以通过键盘的Tab键在各个表单元素间切换,并通过Enter键提交表单或Space键重置表单。 总结来说,HTML的`&lt;input&gt;`标签通过不同的`type`属性可以创建不同功能的按钮...

    避免回车键导致的页面无意义刷新的解决方法

    仔细分析这样的页面一般都满足以下条件:1、包含FORM表单 2、只有一个文本框 这样问题就可以解决了,破坏其中任何一个条件即可,一般的做法是加一个隐藏的文本框 当然你也可以在表单 form 后面加上一个 onsubmit ...

Global site tag (gtag.js) - Google Analytics