- 浏览: 165861 次
- 性别:
- 来自: 天津
文章分类
最新评论
我最近在做一个 Ajax 查询的功能,代码如下:
1 |
< form name = "keywordForm" method = "post" action = "" >
|
2 |
< p id = "profile_nav" >
|
3 |
< label for = "profile" > 关键字搜索: </ label >
|
4 |
< input style = "width:80; height:20" type = "text" name = "keyword" onkeypress = "searchKeywordKeyboard(event)" />
|
5 |
< input type = "button" value = "搜索" onClick = "searchKeyword()" >
|
6 |
</ p >
|
7 |
</ form >
|
在文本框中输入关键字按回车,页面自动刷新了,结果肯定是没有实现无刷新搜索了。想了想,可能是按回车后默认提交了表单,于是将form去掉,果然不刷了。但是还是会有很多地方需要用到form。
一个表单下,如果只有一个文本框时,按下回车将会触发表单的提交事件。
既然是只有一个文本框才会出问题,那么可以加一个隐藏的文本框,如下:
1 |
< input id = "hiddenText" type = "text" style = "display:none" />
|
现在代码成了这样:
1 |
< form name = "keywordForm" method = "post" action = "" >
|
2 |
< p id = "profile_nav" >
|
3 |
< label for = "profile" > 关键字搜索: </ label >
|
4 |
< input style = "width:80; height:20" type = "text" name = "keyword" onkeypress = "searchKeywordKeyboard(event)" />
|
5 |
< input id = "hiddenText" type = "text" style = "display:none" onkeypress = "searchKeywordKeyboard(event)" />
|
6 |
< input type = "button" value = "搜索" onClick = "searchKeyword()" >
|
7 |
</ p >
|
8 |
</ form >
|
结论是,可以采取两种方法解决这种问题:1.去掉表单;2.如果非得用表单,只要不让表单里有且只有一个文本框就OK了。
如果以上的方法还不足以让你去解决问题,那么你可以用以下方法来阻止因为回车而引起的表单自动提交:
1 |
< form name = "keywordForm" method = "post" action = "" onsubmit = "return false;" >
|
2 |
< p id = "profile_nav" >
|
3 |
< label for = "profile" > 关键字搜索: </ label >
|
4 |
< input style = "width:80; height:20" type = "text" name = "keyword" onkeypress = "searchKeywordKeyboard(event)" />
|
5 |
< input id = "hiddenText" type = "text" style = "display:none" onkeypress = "searchKeywordKeyboard(event)" />
|
6 |
< input type = "button" value = "搜索" onClick = "searchKeyword()" >
|
7 |
</ p >
|
8 |
</ form >
|
就是在表单 form 后面加上一个 onsubmit 事件,返回 false,来阻止 form 提交。
发表评论
-
ajax下载文档 ClientAbortException: java.net.SocketException: Connection reset by pee
2013-08-28 13:58 2256众所周知ajax是使用了浏览器内部的XmlHttpRequ ... -
在js里引用另一个js文件
2013-08-28 10:58 791new_element=document.createE ... -
<转> js替换字符正则表达式
2013-08-16 14:28 778function replace() { var str ... -
<转> JQuery选择器
2013-08-16 10:24 826<html> <head> &l ... -
jQuery获取Select选择的Text和 Value(转)
2013-08-13 09:47 555jQuery获取Select选择的Text和Valu ... -
<转>javascript获取地址栏参数
2013-08-12 10:03 657function GetQueryString(name){v ... -
iframe子页面内刷新同页面中另一个iframe
2013-08-09 15:25 10511框架页面如下: <div id="a ... -
jquery动态修改链接的onclick方法
2013-08-07 11:29 2285用jquery动态修改链接的onclick方法的传递参数,在 ... -
《转》JS怎么刷新当前页面
2013-04-15 13:17 815reload 方法,该方法强迫 ... -
<转>iframe去掉横向滚动条
2012-05-15 14:45 1200如题,就是在网页中, ... -
ie onmouseup和onclick事件执行顺序
2012-05-14 17:21 1116今天项目要做个类似网 ... -
iframe同步刷新时好时坏问题
2012-04-19 17:04 1192页面由左右两个iframe组成,要求右面内容更新时(内容跟左面 ... -
js浮动效果
2012-02-14 17:29 982项目中某页面需要固定某个div内容,实际需求是这样的,有个评分 ... -
js判断页面关闭 仅支持IE6
2012-02-08 16:38 1618关闭页面时同时执行onbeforeunload和onunloa ... -
onpropertychange与输入法有关
2012-02-03 14:56 1157页面输入框经常有只允许输入数字的限制,一般都用onproper ... -
<转>name和function名字不能相同
2012-01-05 16:40 0今天突然碰到form表单的名字与js方法的名字相同导致找不到j ... -
onmousedown、onmouseup和onclick的奇怪问题
2011-07-08 10:04 2214将setTimeout的时间设置为0,告诉浏览器当它为当前任何 ... -
超链接<a>中属性href与target相冲突的地方
2011-03-25 11:47 1879今天在项目中写了两行代码,出现不同的效果: ①<a h ... -
使用prototype的有用小方法
2010-09-13 15:33 904今天刚刚接触js中对象 ... -
JS 字符串连接性能
2010-09-12 17:18 2126在W3SCHOOL中有讨论js字符串连接方法性能对比的篇章如下 ...
相关推荐
58<br><br>0081 文本中首字母改为大写 59<br><br>0082 C#随机数的产生 59<br><br>0083 身份证从15位升至18位算法 60<br><br>0084 十进制数转二进制数的算法 60<br><br>0085 十进制数转八进制数的算法 61...
格式:i<回车><行号><回车><文本><回车>。 将<文本>插入活区第<行号>行之后。 (2) 行删除。格式:d<回车><行号1>,<行号2><回车>。 删除活区中第<行号1>行到第<行号2>行。 (3) 活区切换。格式:n<回车><页数><回车>...
数字转中文<br>128 自动计算金额<br>129 JSP页面打印中使用WebBrowser控件<br>130 <select...>不刷新页面添加新的类别<br>131 鼠标滚动缩放图片<br>132 根据输入的表名生成输入数据表格<br>133 JSP表格输出到Excel...
行插入:(格式:i<行号><回车><文本><回车>,即 将<文本>插入活区中的第< 行号>行之后); 行删除:(格式:d<行号1>[ <行号2>]<回车>, 删除活区中第<行号1>行(到第<行号2>行),两种格式的例子是:“d10 ”和...
116<br>2.11 焦点变换与输入控制 117<br>实例088 按回车键焦点在控件中移动的录入窗口 117<br>实例089 程序运行时拖动控件 119<br>实例090 控件得到焦点时变色 120<br>实例091 控件的输入限制 121<br>2.12...
启用多线程时的 Flashget 引用页问题<br>* 通过其它程序的调用打开时不载入起始页<br>* 改进了 Favicon 的下载处理方式<br>* WMA 格式无法嗅探的问题<br>* 嗅探格式填写错误导致的嗅探问题<br>* 页面内容过滤站点...
今天小编就为大家分享一篇解决vue+element 键盘回车事件导致页面刷新的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
启用多线程时的 Flashget 引用页问题<br>* 通过其它程序的调用打开时不载入起始页<br>* 改进了 Favicon 的下载处理方式<br>* WMA 格式无法嗅探的问题<br>* 嗅探格式填写错误导致的嗅探问题<br>* 页面内容过滤站点...
按回车键时跳到下一个表单元素的javascript代码<br><br>函数说明:按回车键时跳到下一个表单元素<br>JumpToNextElement() 用于按回车键时跳到下一个表单元素(统一处理按回车键的问题)<br>在页面调用:<br><script ...
用栈实现简单的行编辑程序,主要功能有:行插入(格式:i<行号><回车><文本><回车>,即 将<文本>插入活区中的第<行号>行之后);行删除(格式:d<行号1>[ <行号2>]<回车>, 删除活区中第<行号1>行(到第<行号2>行),...
如何处理多页面重定向到同一页面后的返回问题 <br>25.如何用Response.Redirect方法传递汉字 <br>29.如何利用输出缓存技术缓存整个页面 <br>30.如何利用片段缓存技术对用户控件进行缓存 <br>31.如何利用数据缓存技术...
3:回车登记<br> 4:用车申请<br>六:维修管理<br> 1:维修保养完工登记<br> 2:车辆维修保养<br>七:材料管理<br> 1:材料库存<br> 1:当前库存明细<br> 2:当前库存按配件汇总<br> 2:材料入库<br> 1:材料入库<br> 2:入库...
<br><br><br><br>常见问题及解决<br><br>1.乱码问题!<br>本文件采用GBK编码,所以在使用其他编码时,可能会存在乱码情况,请自行转到相应编码!<br><br>2.用户名或密码验证出错!<br>如果用户名或密码处出错请按照以下...
<br><br>>按键盘方向键可以移动所选择的信息元素位置<br><br>>按回车可以选择查看连接的数值<br><br>>用DELETE键可以删除绿色的信息元素和连接,当然请不要删除矩阵内的信息元素<br><br>>橙色的数字是信息反映强度值...
回车登记.<br> 4.用车申请.<br>六.维修管理.<br> 1.维修完工登记.<br> 2.车辆送修.<br> 3.维护领料.<br>七.配件管理.<br> 1.配件入库.<br> 2.配件出库<br> 3.当前库存明细.<br> 4.按配件汇总当前库存.<br>八.其他...
jQuery搜索框实例绑定提交事件是一款下拉选择多种搜索引擎分类,搜索框输入文字键盘回车绑定提交搜索按钮代码。 <div class="input-group-btn"> <button type="button" class="btn btn-link dropdown-...
<br><br><br>一、使用<br><br>运行BDB,切换至“查询分析”页签,<br>您可以按CTRL+J快捷键列出选择项<br>(默认,可在“选项”中进行更改),<br><br>或直接输入语法,<br>系统会根据当前输入的字符进行智能搜索,...
回车管理.<br>四.加油及费用管理.<br>1.车辆加油管理.<br>2.其他费用登记.<br>3.车辆油耗考核.<br>4.车辆其他考核.<br>五.车辆维修管理<br>1.车辆维修管理.<br>2.维修完工登记.<br>六.车辆配件管理<br>1.车辆配件...
为方便 QQ 用户,特设 CTRL+回车 进行发贴<br> 30. 自动适应任何分辨率<br> 31. 短信息收件箱条数限制<br> 32. 论坛公告功能,每个论坛都可以单独设置相应的公告<br> 33. 保密论坛功能,可以单独设置某些用户可以...
[color=#1E90FF]==========在动网原有的基础上修改了以下内容==========<br> 解决DV编辑器回车换双行的问题<br> 精华帖子标题后(上)面加精华图章<br> 状态栏分时段问候<br> 在"魔法表情选择页"做关闭...