这样的input如何回车提交

问题描述

DIV,非FORM,通过URL参数,这是第一页,所以city和pageid有默认值<div> <input id="city" type="hidden" value="zhengzhou"/> <input id="pageid" type="hidden" value="1"/> <input id="key" type="text" onkeypress="isearch()"/> <input type="button" id="btn" title="搜索" onclick="isearch()"/></div>function isearch(){var s="/search/";var key=encodeURI(encodeURI($("#key").val()));var city=$("#city").val();var page=$("#pageid").val(); //alert(s+"s?k="+key+"&city="+city+"&page="+page); top.location.href=s+"s?k="+key+"&city="+city+"&page="+page; //执行到这,地址栏中不是上面的正确的URL,不转向}回车可以弹出正确的网址:/search/s?k=keyword&city=bj&page=1但是地址栏中不是上面的正确的URL,还是当前页的URL如果点击button按钮,一切正常

解决方案

用window.location="xxxxxxxx";试试看。另外,按键以后要判断一下是不是回车。<!doctype html><html> <head> <title>Enter Goto URL</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript"> function isearch() { var s="/search/"; var key=encodeURI(encodeURI($("#key").val())); var city=$("#city").val(); var page=$("#pageid").val(); window.location=s+"s?k="+key+"&city="+city+"&page="+page; } $(function() { $("#key").keyup(function(event){ if(event.keyCode == 13){ isearch(); } }); }); </script> </head> <body> <div> <input id="city" type="hidden" value="zhengzhou"/> <input id="pageid" type="hidden" value="1"/> <input id="key" type="text"/> <input type="button" id="btn" title="搜索" onclick="isearch()"/> </div> </body></html>

时间: 2024-10-09 00:09:32

这样的input如何回车提交的相关文章

如何防止INPUT按回车自动提交表单FORM_javascript技巧

form中的input只有一个,input获得焦点时按回车会form自动提交: <!doctype html> <html> <head> <meta charset="UTF-8"> <title>test</title> </head> <body> <form action="http://blog.csdn.net/gnail_oug" method=&qu

Javascript屏蔽回车提交表单

html利用input防止回车提交 默认情况下,单个输入框,无论按钮的type="submit"还是type="button"类型,回车即提交. 1.当type="submit"时,无论有几个type="text"输入框,回车均表示提交.(submit) 2.当type="button"时,且存在多个输入框,回车不提交.(button) 3.解决单个输入框的回车即提交问题,参考第二点:可以增加一个input

jq 点击文本域清除默认值与回车提交表单代码

jq 点击文本域清除默认值与回车提交表单代码 点击文本域,清除默认值.默认值显示时为灰色文字,点击后高亮显示,可绑定回车事件. 项目中常用到的一个效果,封装成一个小小的插件,一点不复杂,需要的看下demo演示中源码注释.若是不想只为清除一个默认文本调一个jquery库,可以用原生的按我的思路写一下,很简单. 特点 1.支持input文本域及textarea同时为多表单添加同样的默认值; 2.默认值可通过表单value值设定,也可通过插件参数(iset.curval)设置. iset.curval

按回车提交表单js代码

核心代码如下 //捕捉回车事件  代码如下 复制代码 document.onkeydown=function(e){  if(!e)e=window.event;  if((e.keyCode||e.which)==13){  tijiao();  } 完整实例  代码如下 复制代码 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"

ASP.NET回车提交事件浅析_实用技巧

ASP.NET回车提交事件其实说到底并不是ASP.NET 的编程问题,却是关于html form 中的submit 按钮就是如何规划的具体讨论. 也可归于ASP.NET编程的一部分,那么ASP.NET回车提交事件的具体实现是怎么样的呢?下面我们具体的看下: ASP.NET回车提交事件实现1. 当你的光标焦点进入某个表单元素的时候,会激活该表单中第一个(流布局顺从左到右,从上至下) type=submit 的按钮(假如有),等待响应回车事件,并提交该form 你可以测试一下代码: 复制代码 代码如

javascript按回车提交表单详细做法

在不同的地方按回车键得到不同的响应     如果同一页面上有多个文本框(textbox),每个文本框对应不同提交按钮(button),如下列"登录"的页面里,有"输入邮箱号"和"输入帐号"两个文本框和"进入邮箱"."进入社区"两个按钮. 实现步骤如下: 1.建立页面和代码文件(此步骤不详细介绍) 2.给 form 加上 onkeydown="keydown()"以屏蔽掉页面的回车响应  

不同浏览器对回车提交表单的处理办法_javascript技巧

条件是: 在IE和Firefox下 1.<form>属性的"action"字段必填: 2.有一个type="submit"的"input". 在Chrome和Safari下 满足第一条即可.(注释1) 所以,如果要控制提交行为的话(比如,提交前检查必填项是否已填),可以在type="submit"的"input"后添加Javascript"onXXX(比如onClick)"事

回车提交表单

回车提交表单 <script> function isEntry(e){         if(document.all)e = event;         if(e.keyCode==13) {                 check3g();         }; } </script> <BODY> <FORM method="POST" name="l3gfrm" action="">

JavaScript阻止回车提交表单的方法_javascript技巧

大家对回车键的功能应该比较熟悉,比如在windows系统的很多应用程序中,只要点击回车键就可以进入此程序或者开启某项功能,不过有时候我们希望阻止它的功能,例如在填写表单的时候,可能不小心点击回车键造成表单误提交,下面就来简单介绍一下如何实现此功能.代码实例如下: 如何防止回车(enter)键提交表单,其实很简单,就一句话.onkeydown="if(event.keyCode==13)return false;"把这句写在from标签里面就好了. <!DOCTYPE html&g