使用onclick/表单submit跳转到其他页面

最新推荐文章于 2024-06-28 10:17:09 发布
最新推荐文章于 2024-06-28 10:17:09 发布
阅读量8.9k 收藏 4
点赞数 1
分类专栏： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44494373/article/details/90635958
版权

使用onclick

如果是本页显示可以直接用location,方法如下：

- onclick="javascript:window.location.href='URL'"
 - onclick="location='URL'"
 - onclick="window.location.href='URL?id=11'"

如果页面中有frame可以将在location前面添加top.mainframe.frames[‘right_frame’].location

使用submit

使用form表单创建一个只有submit按钮的表单，单击提交即可

<form action="URL" name="表单名" method="get">
	<table><td colspan="2"><input type="submit" value="注册"></td></table>--%>
 </form>
可乐可乐可
关注
专栏目录
3个小时的成果-点击按钮获取到form表单的数据后跳转至其他页面
丑小鸭变黑天鹅的博客
03-13 2108
3个小时的成果-点击按钮获取到form表单的数据后跳转至其他页面问题描述遇到的坑解决办法 问题描述 做项目的时候，有一个页面有这样的需求。 这个页面大概就是下图这样 需求一、动态获取产品名称 需求二、动态获取被选中的复选框的内容 需求三、点击保存按钮时，获取form表单中的数据，成功之后，跳转到其他页面 需求四、只输入产品名称不勾选产品功能时，会提示请勾选功能，同理，只勾选功能，不输入产品名称，会提示输入产品名称，当两者都不输入内容时，会都提示。 需求五、点击重置按钮，勾选的复选框全部变为未选中状态。 需
JSP页面，两个按钮点击分别将表单提交到不同的页面/后台方法
norang的博客
05-26 1155
<form action="" method="post" id="form"> <input type="hidden" name="bid" value="${sessionScope.get("bookid").bid}"> <input type="hidden" name="cid" value="${sessionScope.get("bookid").cid}"> <img align="top" width="350px.
form表单的onclick与submit提交顺序
weixin_33911824的博客
04-17 981
我在开发的过程中遇到这样的问题，使用到了jquery easy ui来验证表单，如果没有输入，则提交不成功，提示需要必须项需要填写，但是我也用到了struts里面action的跳转，如果只用easy ui来提交，只能是异步提交，但是结果却没有给我来个反馈，所以我要兼容这两个。 遇到这样的问题，我就想能不能这样做，如果可以那么对于input的标签，单击事件和sub...
onclick="this.form.submit();" 无法提交的解决办法
weixin_34326429的博客
03-21 583
网页中 如果使用 onclick="this.form.submit();" 无法提交表达，可以使用下面的代码： onclick="document.forms['form'].submit();" 范例：<form name="search" type="get"> <input type="hidden" name="m" value="search"...
页面跳转的几种方法
最新发布
(黎子)人生编码
06-28 4600
HTML5 History API 允许我们操作浏览器的会话历史记录（session history），它包括和方法，以及popstate事件。
FORM表单中onclick()、submit()与onsubmit()的问题
qq_36785719的博客
05-19 1301
FORM表单中onclick()、submit()与onsubmit()的问题 最近遇到一次处理form数据的过滤，采用了button的onclick事件来检查，发现return false后表单仍然提交了。 于是仔细研究了下onclick、onsubmit、submit集合函数之间的关系和区别 onsubmit: You can override this event by returning false in the event handler. Use this capability to valid
onclick和onsubmit
lijiang_shen的博客
09-11 378
表单验证： <body> <form action="demo_form.php" name="myForm" onsubmit="return validateForm()" method="POST">名字:<input type="text" name="fname"> <input type="submit" value="提交"> </form> <script&gt
Form表单中的onClick，onSubmit和submit
weixin_30633949的博客
03-16 226
一个表单： 1 <form action="#" method="POST" name="A" onsubmit="return X();"> 2 <input type="text" value="" /> 3 <input onclick="Y()" type="submit" value="提交" /> 4 </form> ...
FORM表单 onclick()与onsubmit()
weixin_30242907的博客
02-28 282
FORM表单中onclick()、submit()与onsubmit()的问题 最近遇到一次处理form数据的过滤，采用了button的onclick事件来检查，发现return false后表单仍然提交了。 于是仔细研究了下onclick、onsubmit、submit集合函数之间的关系和区别 1 2 3 4 5 6 7 8 9 10 11 ...
sp\button和submit的区别及使用js实现页面跳转的方式
10-24
sp\button和submit的区别及使用js实现页面跳转的方式 Button和Submit是两个常用的HTML表单元素，它们都是用于提交表单的，但是它们之间存在着一些区别。 首先，Button类型的按钮仅仅是一个普通的按钮，点击它不会...
from表单多个按钮提交用onclick跳转不同action
09-04
在某些场景下，我们可能需要在同一个表单中设置多个提交按钮，每个按钮对应不同的处理逻辑，即跳转到不同的`action`。标题中的“from表单多个按钮提交用onclick跳转不同action”就是解决这个问题的一种方法。下面将...
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
10-22
本文主要探讨了在使用JavaScript和jQuery的submit方法时，表单无法提交的几种常见原因以及相应的解决方法。 首先，表单提交失败的一个常见原因是错误地使用了a标签。例如，开发者可能会无意中使用带有href属性为空...
submit按钮与一般按钮的onclick
cxzhq2002的杂记
11-25 2434
  script>function test(){alert(11);}script> BODY>  form id="form1" name="form1" method="post" action="1111111111111.html" onsubmit="test(); return false;">  input  name="a" />  i
表单提交onclick和onsubmit
m0_37346206的博客
08-26 537
onsubmit只能表单上使用,提交表单前会触发, onclick是按钮等控件使用, 用来触发点击事件。 在提交表单前，一般都会进行数据验证，可以选择在submit按钮上的onclick中验证,也可以在onsubmit中验证。 但是onclick比onsubmit更早的被触发。 　　提交过程 1、用户点击按钮 ----> 2、触发onclick事件 ----> 3、onclick返回true或未处理onclick ----> 4、触发onsubmit事件 ---->...
onclick、onsubmit、submit集合函数之间的关系和区别
kk791159796的专栏
11-15 1935
这几个函数的调用顺序如下： onclick->onsubmit->submit 只要 onclick 未 return false 那么就继续执行 onsubmit 只要 onsubmit 未return false 那么表单就被提交出去了 另外一点写法上注意一定要 “return X();” 才能取得函数的返回值，否则只是调用函数，返回值未被传递
js 按钮实现跳转页面 jsp html
热门推荐
G-Ohand
04-04 2万+
type=button      就单纯是按钮功能   type=submit      是发送表单但是对于从事WEB UI的人应该要注意到，使用submit来提高页面易用性：使用submit后，页面支持键盘enter键操作，而很多WEB软件设计师，可能没有注意到submit统一.用button后往往页面不支持enter键了。所以需要支持enter键，必须要设置个submit，默认enter键
submit与onclick的执行顺序
wshten
07-10 5259
onclick先于onsubmit执行，若onsubmit返回值为true，执行submit；将submit操作放到$.ajax()中执行即可
onlick onsubmit submit 的执行顺序
wem520的专栏
03-28 4453
1、onlick  onsubmit  submit 的执行顺序： form action="#" method="POST" name="A" onsubmit="return X();">   input type="text" value="" />   input onclick="Y
submit中onclick方法的执行
bblbx的博客
08-06 4915
无标题文档 function onC(){          varcount = document.myForm.times.value;          //alert();          for(i=0;i                    document.write("HelloWorld!");          } } 输入HelloWo
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值