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

使用JavaScript控制文本输入框在按下回车时进行数据提交!

阅读更多

假设有一个文本输入框,也可以是一个表单:

如:

<input id="searchProductText" name="textfield"	type="text" class="font-hui14" value="请在此输入商品名" size="28"				
                   onkeypress="if(event.keyCode==13){Javascript:formSubmit()}"/>

 如果我们想在用户输入内容后按回车就可以进行数据的提交,我们只需要在这个输入框中加上一个onkeypress事件,判断一下这个事件返回的keyCode是否等于13(13:是回车的一个编码)如果等于就让它执行后面的javascript方法,至于后面的方法如何提交,就看大家如何去写了!

 

 

1
0
分享到:
评论
2 楼 昔日舞曲 2008-10-21  
神奇的keyCode阿~~~
1 楼 Jathon_hs 2008-10-17  
恩,有用的。

相关推荐

    输入框回车生成标签的demo

    在IT领域,特别是前端开发中,"输入框回车生成标签的demo"是一个常见的功能,它主要用于用户输入信息并以标签形式展示,便于管理和展示数据。这个功能在很多应用场景下非常实用,比如社交媒体、论坛、博客评论等,...

    jQuery实现输入框回车添加标签代码.zip

    当用户按下回车时,获取输入框中的文本,然后进行处理。 ```javascript $(document).ready(function() { $('#tag-input').on('keydown', function(e) { if (e.keyCode === 13) { // 添加标签的逻辑 } }); }); ...

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

    在JSP中,当一个FORM表单中只有一个INPUT文本输入框时,用户按下...同时,为了避免不必要的表单提交,也可以考虑使用AJAX异步提交方式,这样即使用户按下了回车键,也可以通过JavaScript控制数据的发送,提高用户体验。

    Javascript学习-限制多行文本输入框的字符数.doc

    在JavaScript编程中,限制用户在多行文本输入框(`&lt;textarea&gt;`)中输入的字符数是一项常见的需求。虽然HTML的`&lt;input type="text"&gt;`元素提供了`maxlength`属性来限制单行文本框的最大字符数,但多行文本框并不支持这...

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

    - 如果只有一个文本输入框且不希望按下回车键时提交表单,可以通过添加一个隐藏的文本输入框来阻止提交行为。 - 对于button元素,为了确保跨浏览器的一致性,最好显式地声明其type属性。 4. 示例代码演示: - 当...

    enter键控制input光标移动到下一个框

    本文将深入探讨如何利用HTML和jQuery实现"Enter"键控制input光标移动的功能,使得用户在按下"Enter"键时,光标能够根据预设逻辑在不同的输入框间自动移动。 首先,我们需要理解HTML中的`&lt;input&gt;`标签,它是用于创建...

    HTML5 Canvas文本输入框动画特效.zip

    在这个“HTML5 Canvas文本输入框动画特效”项目中,我们聚焦于使用Canvas来实现一种键盘键入打字的文本输入框动画效果。这种特效可以提升用户的交互体验,增加网站的趣味性和吸引力。 首先,Canvas是HTML5的一个...

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

    通过上述分析,我们可以看到如何使用JavaScript处理键盘事件以实现在用户按下回车键时提交表单的功能。此外,还讨论了兼容性问题以及如何优化代码以适应不同的浏览器环境。这对于Web开发者来说是非常重要的知识点之...

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

    3. **使用JavaScript监听回车键**:通过JavaScript监听文本框的`keydown`或`keypress`事件,可以在检测到回车键被按下时手动触发表单提交。 ```javascript document.getElementById('myInput').addEventListener('...

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

    3. 如果确实需要添加一个隐藏的表单控件,比如一个隐藏的输入框,来防止在按下回车键时提交表单,需要确保这个隐藏控件的name属性也被设置好,因为只有设置了name属性的表单控件的数据才会被发送到服务器。...

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

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

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

    然而,如果表单包含两个或多个文本输入框,浏览器就不会在任何输入框中按下回车时自动提交表单。这是浏览器的一个默认行为。 针对这一行为,我们可以采取以下策略来禁止回车键提交表单: 1. 添加一个隐藏的文本...

    在输入框回车添加标签

    标题“在输入框回车添加标签”涉及到的是一种常见的用户界面功能,允许用户通过在文本输入框中按下回车键来创建新的标签。这个功能在许多应用和网站中都有所应用,例如社交媒体平台或者博客系统,用户可以快速地为...

    input输入框获取js点击文字内容.zip

    当用户在输入框中按下回车键时,会打印出输入框中的内容。如果想要在每次用户输入时实时获取内容,可以监听`input`或`change`事件。 3. 二次修改与增强: 对于有能力的开发者来说,这个基础功能可以进行许多扩展和...

    javascript 简单文本编辑器

    7. 存储与恢复:为了让用户能够保存和恢复他们的文本,可以使用`localStorage`或`sessionStorage`对象在浏览器中存储数据。这需要了解Web存储机制,并能正确序列化和反序列化文本数据。 8. 拓展功能:高级的文本...

    输入框插件

    首先,输入框插件的基本功能包括文本输入、文本选择、光标定位、回车提交等。在网页开发中,这些功能通常通过HTML的`&lt;input type="text"&gt;`元素实现,而在此插件中,可能还会包含额外的样式和行为增强,如自动补全、...

    【JavaScript源代码】JavaScript实现一个输入框组件.docx

    特别是对于输入框,我们使用`:empty::after`伪元素来展示占位符文本,并在输入框为空时显示: ```scss .base_input { .my_search { /* ... */ .search_icon { /* ... */ } .search { /* ... */ &:empty::...

    如何控制网页输入回车后的动作.pdf

    本文主要讲述如何控制网页输入回车后的动作,解决了许多人习惯在输入框中输完资料后按下回车键,但页面执行的不是紧跟其后的按钮的提交事件,而是页面上的第一个按钮的提交事件的问题。 首先,我们需要了解客户端...

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

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

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

    其中,比较常见的一个问题是,当页面上只有一个单行文本输入框时,用户在该输入框中按下回车键,浏览器默认会提交表单。这可能会导致页面跳转或者不符合用户的预期行为,特别是当页面中有多个操作,例如“搜索”和...

Global site tag (gtag.js) - Google Analytics