`
mllongze
  • 浏览: 82690 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

回车提交表单解决方案

阅读更多
1、首先我们来实现一按回车就自动提交表单的功能

这个其实比较容易,只要表单中含有一个“提交”的按钮,在文本框中输入内容后按回车就会自动提交这个表单,如果不想让提交按钮出现在页面上,可以这样写,按钮同样有效,只是被隐藏了:
view plainprint?

    <input type="submit" name="Submit2" value="提交"  style="display:none;"/> 

<input type="submit" name="Submit2" value="提交"  style="display:none;"/>

另外如果表单中只有一个文本框,没有提交按钮,也会自动提交。

2、那么如果不希望自动提交要怎么做呢

和上面相反,只要表单中没有提交按钮即可,或者把提交按钮写成这样的形式(frm是表单的name):
view plainprint?

    <input type="button" value="提交" onclick="frm.submit();"/> 

<input type="button" value="提交" onclick="frm.submit();"/>

第二种情况,表单中只有一个文本框,不管有没有提交按钮,按回车都会自动提交表单,怎么办?这个问题看起来比较难解决,其实很容易。嘿嘿,只要在表单中再增加一个隐藏的文本框即可:
view plainprint?

    <input type="text" name="textfield2" style="display:none;"/> 

<input type="text" name="textfield2" style="display:none;"/>
分享到:
评论

相关推荐

    按回车键提交表单~~~~~

    在Web开发中,我们经常需要为用户提供更友好的交互体验,其中一个常见的需求就是允许用户通过按下回车键来提交表单。这种方法可以提高用户体验,并且在很多场景下是非常实用的。 #### 代码解析: ```javascript ...

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

    因此,在设计时,最好同时提供一种无脚本的解决方案,比如在表单内添加一个明确的提交按钮,以确保所有用户都能正确使用表单。 总结来说,防止`&lt;input&gt;`按回车自动提交`&lt;form&gt;`表单,可以通过增加隐藏的`&lt;input&gt;`...

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

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

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

    1、当form表单中只有一个&lt;input type=”text” name=...按下回车将不会自动提交,但是页面上显示一个不知所云的输入框挺别扭,后从网上搜到两个解决办法: (1)添加一个 代码如下: &lt;input style=”display: no

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

    总结一下,实现 jQuery 响应回车键提交表单的操作需要以下步骤: 1. 使用 `keyup` 或者 `keydown` 监听回车键事件。 2. 当检测到回车键被按下时,模拟点击提交按钮的 `click` 事件。 3. 确保监听事件在正确的元素上...

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

    为了解决这个问题,一种解决方案是在表单中添加一个不可见的INPUT元素,类型为'text',并设置display样式为'none'。这样,浏览器将不再把回车键的提交行为分配给可见的输入框,而是分配给不可见的输入框,因为回车键...

    r键按钮提交表单代码.rar_r键按钮提交表单代码

    标签“r键按钮提交表单代码”强调了这个功能的实现代码,这通常意味着开发者希望提供一个可复用的解决方案,使得用户可以通过自定义的键盘快捷键提交表单。 至于压缩包中的文件"jiaoben2761",根据其名称推测可能是...

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

    本文将深入探讨如何在IE和Firefox中实现文本框回车自动提交的机制,并提供详细的解决方案。 ### IE中的实现 在IE中实现文本框回车自动提交,开发者可能会遇到一些限制。默认情况下,当表单只有一个文本输入框时,...

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

    在网页设计中,用户在表单中按下回车键(Enter键)通常会触发表单的提交动作,这在某些情况下可能不是...因此,为了确保网页的可用性,应当同时提供非JavaScript的解决方案,例如使用按钮进行提交,而不是依赖回车键。

    jquery禁止回车触发表单提交

    标题“jquery禁止回车触发表单提交”正是针对这个问题提供了解决方案。 首先,我们来看一下给出的HTML代码片段: ```html 查询 &lt;select name="school_type" id="school_type"&gt;&lt;/select&gt; ; height:24px; text...

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

    上述解决方案可以减少用户混淆,提升用户体验,因为它允许开发者定义更加精细和合理的用户交互逻辑。这种技术尤其适用于那些需要在同一个表单中处理多种操作(比如搜索和提交)的场景。 在具体编码时,要注意确保...

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

    如果不想让表单在按回车时自动提交,可以采取以下两种解决方案: 1. 添加一个隐藏的`&lt;input type="text"&gt;`标签。通过设置`style='display:none'`,这个输入框不会在页面上显示,同时回车键也不会触发表单提交: ``...

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

    以下将详细解释这个问题,并提供解决方案。 首先,问题在于浏览器的行为规范。在HTML中,当表单内只有一个输入字段时,按回车键会触发表单的提交事件,即使你已经在文本输入框中绑定了其他事件(如AJAX请求)。这种...

    如何去除表单的回车即提交即回车!=提交

    - 虽然题目提到使用JavaScript不在讨论范围内,但这是一个常用且灵活的解决方案。通过监听键盘事件(如`keydown`或`keyup`),可以在用户按下回车时阻止表单的默认提交行为。例如,可以使用`event.preventDefault()...

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

    同时,考虑使用`type="submit"`的按钮,这样回车提交的行为会自动触发,无需额外的事件处理。 综上所述,通过在表单的`onsubmit`事件中调用自定义函数并返回`false`,我们可以有效地阻止回车导致的意外页面跳转,...

    C#实现回车光标自动跳到下一个控件的几种方法

    // 避免默认的回车键行为,如表单提交 e.Handled = true; // 找到下一个TextBox控件 Control nextControl = FindNextControl(textBox1, true, true, false, true); if (nextControl != null && nextControl ...

    form表单只提交数据而不进行页面跳转的解决方案

    点击submit按钮或直接回车可以将数据提交到saveReport页面,但是提交后也会跳转到saveReport页面 如何做到 将数据提交到saveReport(form的action指向)页面,但是页面又不进行跳转,即保持当前页面不变呢?...

Global site tag (gtag.js) - Google Analytics