巧用js提交表单轻松解决一个页面有多个提交按钮


Posted in Javascript onNovember 17, 2013
<pre class="javascript" name="code">function check(txt){ 
$j("form").submit(function(){ 
if($txt=="提交"){ 
this.action="doAddMessage.action?button=提交"; 
this.submit(); 
}else{ 
this.action="doAddMessage.action?button=保存"; 
this.submit(); 
} 
}); 
}</pre><br> 
<input type="IMAGE" src="style/blue/images/button/send.png" name="button" value="提交" onclick="check(this)"/><input type="IMAGE"src="style/blue/images/button/saveToDraftBox.png" name="button" value="保存" onclick="check(this)"/> 
<pre></pre> 
<p><br> 
例如:页面中有两个图片按钮的提交,我们这个时候可以给他们都绑定onclick事件,这个时候我们借助jquery的form表单有个事件,叫做submit的。</p> 
<p>如图,由于,我的项目里面用了dwr,我把jquery的控制权转让给dwr,jquery重新指定 了一个$j,我们获取表单,然后使用submit事件,通过判断value的值,从而可以进行多个页面的跳转。</p> 
<p> </p> 
<p> </p>
Javascript 相关文章推荐
jQuery 属性选择器element[herf*='value']使用示例
Oct 20 Javascript
jquery实现弹出层完美居中效果
Mar 03 Javascript
Jquery基础教程之DOM操作
Aug 19 Javascript
Vue.js学习之计算属性
Jan 22 Javascript
webpack 样式加载的实现原理
Jun 12 Javascript
详解vue-cli官方脚手架配置
Jul 20 Javascript
详解mpvue中小程序自定义导航组件开发指南
Feb 11 Javascript
JavaScript原型式继承实现方法
Nov 06 Javascript
Node.js API详解之 util模块用法实例分析
May 09 Javascript
纯JS实现五子棋游戏
May 28 Javascript
解决vue字符串换行问题(绝对管用)
Aug 06 Javascript
HTML+VUE分页实现炫酷物联网大屏功能
May 27 Vue.js
setInterval()和setTimeout()的用法和区别示例介绍
Nov 17 #Javascript
js用正则表达式来验证表单(比较齐全的资源)
Nov 17 #Javascript
jquery在项目中做复选框时遇到的一些问题笔记
Nov 17 #Javascript
jQuery学习之prop和attr的区别示例介绍
Nov 15 #Javascript
JQuery Highcharts 动态生成图表的方法
Nov 15 #Javascript
jquery+json实现数据列表分页示例代码
Nov 15 #Javascript
jquery获取元素值的方法(常见的表单元素)
Nov 15 #Javascript
You might like
全国FM电台频率大全 - 18 湖南省
2020/03/11 无线电
VML绘图板②脚本--VMLgraph.js、XMLtool.js
2006/10/09 PHP
jq的get传参数在utf-8中乱码问题的解决php版
2008/07/23 PHP
PHP隐形一句话后门,和ThinkPHP框架加密码程序(base64_decode)
2011/11/02 PHP
PHP对称加密函数实现数据的加密解密
2016/10/27 PHP
javascript中xml操作实现代码
2011/11/21 Javascript
jQuery UI Dialog 创建友好的弹出对话框实现代码
2012/04/12 Javascript
javascript setTimeout和setInterval计时的区别详解
2013/06/21 Javascript
angularJS 入门基础
2015/02/09 Javascript
详细解读Jquery各Ajax函数($.get(),$.post(),$.ajax(),$.getJSON())
2016/08/15 Javascript
JQuery动态添加Select的Option元素实现方法
2016/08/29 Javascript
self.attachevent is not a function的解决方法
2017/04/04 Javascript
基于react后端渲染模板引擎noox发布使用
2018/01/11 Javascript
实时监控input框,实现输入框与下拉框联动的实例
2018/01/23 Javascript
fullpage.js最后一屏滚动方式
2018/02/06 Javascript
详解微信小程序scroll-view横向滚动的实践踩坑及隐藏其滚动条的实现
2019/03/14 Javascript
[54:15]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第二场2月1日
2021/03/11 DOTA
Python如何快速实现分布式任务
2017/07/06 Python
简单谈谈python中的语句和语法
2017/08/10 Python
python selenium自动上传有赞单号的操作方法
2018/07/05 Python
python实现测试工具(二)——简单的ui测试工具
2020/10/19 Python
python3中布局背景颜色代码分析
2020/12/01 Python
利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位
2013/01/23 HTML / CSS
纽约服装和生活方式品牌:Saturdays NYC
2017/08/13 全球购物
阿巴庭院:Abba Patio
2019/06/18 全球购物
UNOde50美国官网:西班牙珠宝品牌
2020/08/15 全球购物
Java编程面试题
2016/04/04 面试题
大学应届毕业生个人求职信
2013/09/23 职场文书
计算机科学技术自荐信
2014/06/12 职场文书
文案策划专业自荐信
2014/07/07 职场文书
小学三八妇女节活动总结
2015/02/06 职场文书
公司员工奖惩制度
2015/08/04 职场文书
《浅水洼里的小鱼》教学反思
2016/02/16 职场文书
如何用python反转图片,视频
2021/04/24 Python
铁头也玩根德 YachtBoy YB-230......
2022/04/05 无线电
PostgreSQL并行计算算法及参数强制并行度设置方法
2022/04/07 PostgreSQL