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

表单中只有一个文本框时,回车页面刷新错误

 
阅读更多

在一个也没中如果一个form标签中只有文本框<input type="text" />,当在输入完数据后点击回车,会发现页面进行了刷新,代码如下:

<body>	
		<form>
			<input type="hidden" id="contextPath" name="contextPath" value="<%=request.getContextPath()%>" />
			<textarea rows="2" cols="2" name="test"></textarea>
			<input type="text" name="noticeNo" id="noticeNo"/>
		</form>		
</body>

有如下解决方法:

1.在文本域元素中加入onkeydown或者onkeypress事件,判断如果用户点击了回车就阻止默认的行为。

<body>		
		<form>
			<input type="textsdfsd" name="noticeNo"  onkeypress="if(event.keyCode==13||event.which==13){return false;}" />	
		</form>
</body>

 

2.在form中在加入一个隐藏的文本域

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

<body>	
		<form>
			<input type="hidden" id="contextPath" name="contextPath" value="<%=request.getContextPath()%>" />
			<textarea rows="2" cols="2" name="test"></textarea>
			<input type="text" name="noticeNo" id="noticeNo"/>
			<input type="text" name="test" style="display:none"/>
		</form>		
</body>

 说明:大家可以发现,里面是没有提交按钮的即

<input type="sumit" />,要是里面有提交按钮的话,第二种方法时不使用的,只能使用第一种方法,因为通过查看你会发现,当你点击一个表单时,或者表单的任何元素会发现,提交按钮时激活状态,所以单点击回车时就执行了提交操作。

分享到:
评论

相关推荐

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

    在网页设计中,用户在文本输入框(`&lt;input type="text"&gt;`)按下回车键时,浏览器通常会默认执行表单提交操作,导致页面刷新。这种情况在标题描述的场景下尤为突出,即页面只有一个文本输入框。当开发者希望在用户按...

    JavaScript监听文本框回车事件并过滤文本框空格的方法

    为了防止回车键被按下时触发表单的默认提交行为,示例中还提供了一个技巧,即通过返回`false`来阻止事件继续传播。这一点很重要,因为在某些浏览器或特定情况下,默认的回车键操作可能会导致表单提交。 文章最后还...

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

    在HTML中,当一个表单(`&lt;form&gt;`)包含一个或多个输入元素(如`&lt;input&gt;`),且没有指定提交按钮或者指定的提交事件处理时,用户在文本框内按下回车,浏览器默认的行为是将表单数据提交给表单的`action`属性指定的URL...

    Asp.net的TextBox回车触发事件

    在Asp.net开发中,经常需要处理用户在文本框(`TextBox`)内的输入操作,特别是在用户按下回车键时触发某些特定的操作,比如提交表单或者执行搜索功能等。本文将详细介绍如何在Asp.net中实现TextBox回车触发事件。 ...

    禁止空格提交表单的js代码

    在网页开发中,用户在文本框中按下回车键通常会触发表单的提交操作,这可能导致页面刷新或执行其他不期望的行为。特别是在编辑器如CKEditor等富文本输入框中,用户可能不希望简单的回车键动作就导致页面刷新。针对这...

    jQuery实现form表单基于ajax无刷新提交方法详解

    在本文中,我们将深入探讨如何使用jQuery实现form表单基于Ajax的无刷新提交。这个方法允许用户在不刷新整个页面的情况下提交数据,提供更流畅的用户体验。以下是对jQuery实现这一功能的详细步骤和相关知识点: 1. *...

    vb.net学习心得

    在`page_load()`事件中,可以预设文本框的初始值,如`Me.TextBox8.Attributes("value") = "000"`,这在初始化表单或重置界面状态时非常有用。 ### 5. 输入框边框颜色动态变化 通过添加`onFocus`和`onBlur`事件,...

    web测试点大全

    链接测试是Web测试中非常重要的一个环节,主要用于确保网站的所有链接都能正确地引导用户到达目标页面。链接测试主要包括以下几个方面: 1. **页面链接有效性**:检查页面是否存在无法连接的内容,包括图片、文字...

    JSP实用技巧集合,jsp编程的一些小技巧总结

    5. java中如何把一个目录下的文件移到另一个指定的目录? 6. 制作表格线? 7. jsp如判别一个字符在A到Z之间? 8. 得到一浮点数小数点后4位,如何写以函数截取为两位 9. 整型转字符? 10. 显示数据库的记录,点击哪个...

    《程序天下:JavaScript实例自学手册》光盘源码

    3.13 刷新时清空所有文本框 3.14 随意改变大小的文本框 3.15 文本框的自动全选 3.16 文本框滚动导航 3.17 按钮获取焦点 3.18 文本框获取焦点弹出下拉框 3.19 文本框简单的单击效果 3.20 文字的打字效果 3.21 文字...

    程序天下:JavaScript实例自学手册

    3.13 刷新时清空所有文本框 3.14 随意改变大小的文本框 3.15 文本框的自动全选 3.16 文本框滚动导航 3.17 按钮获取焦点 3.18 文本框获取焦点弹出下拉框 3.19 文本框简单的单击效果 3.20 文字的打字效果 3.21 文字...

    js实现按Ctrl+Enter发送效果

    在web开发中,实现一个文本框或者富文本编辑器(textarea)在按下Ctrl+Enter组合键时发送表单的功能是一种常见的用户体验优化手段。这样的功能可以使得用户在编辑内容时不必切换到发送按钮上,提高工作效率。 实现...

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

    很早以前开发asp.net项目的时候遇到的:在一个服务器TextBox控件上按下 Enter键,页面回发刷新一遍。后来google一下,发现这是asp.net2.0为表单处理专门设置的”Enter key”功能,关于asp.net ajax表单的enter key,...

    小刀娱乐网源码2018版 v4.17.rar

    小刀娱乐网源码是asp access/mssql架构的网站系统,具备电脑版,手机版,平板版无缝自动切换,一个后台同步管理,整站可生成静态有利于搜索引擎收录,文件可用dreamweaver打开可视化修改。兼容所有主流浏览器。 ...

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

    jsp编程技巧集锦

    java中如何把一个目录下的文件移到另一个指定的目录? 6. 制作表格线? 7. jsp如判别一个字符在A到Z之间? 8. 得到一浮点数小数点后4位,如何写以函数截取为两位 9. 整型转字符? 10. 显示数据库的记录...

    jquery多浏览器捕捉回车事件代码

    jQuery 是一个广泛使用的 JavaScript 库,它简化了DOM操作和事件处理,包括监听回车键事件。在本文中,我们将深入探讨如何使用jQuery在多个浏览器上捕获回车事件,以及遇到兼容性问题时的解决方案。 首先,让我们看...

    JavaScript网页特效范例宝典源码

    实例075 只有一个复选框时控制复选框的全选或反选 119 2.5 密码域 120 实例076 让您的密码域更安全 120 实例077 不提交表单自动检测密码域是否相同 121 2.6 表单应用 122 实例078 通过JavaScript控制表单的提交与...

    55种网页小技巧 ---- 下载无需扣分,具有一定收藏价值

    在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动.html 如何设定打开页面的大小.html 屏蔽功能键Shift,Alt,Ctr.html 屏蔽鼠标右键.html 怎么判断是否是字符.html 怎样让表单没有凹凸感.html 改变...

Global site tag (gtag.js) - Google Analytics