巧用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的deferred对象实现异步按顺序加载JS文件
Mar 17 Javascript
js获取当前页面路径示例讲解
Jan 08 Javascript
用js设置下拉框为只读的小技巧
Apr 10 Javascript
jQuery实现自定义下拉列表
Jan 05 Javascript
vue实现app页面切换动画效果实例
May 23 Javascript
js运算符的一些特殊用法
Jul 29 Javascript
three.js实现炫酷的全景3D重力感应
Dec 30 Javascript
浅谈js闭包理解
Apr 01 Javascript
vue中的过滤器实例代码详解
Jun 06 Javascript
Vue axios与Go Frame后端框架的Options请求跨域问题详解
Mar 03 Javascript
JavaScript中reduce()的5个基本用法示例
Jul 19 Javascript
vue自定义右键菜单之全局实现
Apr 09 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
yii 框架实现按天,月,年,自定义时间段统计数据的方法分析
2020/04/04 PHP
Js中sort()方法的用法
2006/11/04 Javascript
模仿jQuery each函数的链式调用
2009/07/22 Javascript
JavaScript 类的定义和引用 JavaScript高级培训 自定义对象
2010/04/27 Javascript
jquery操作select option 的代码小结
2011/06/21 Javascript
Extjs实现进度条的两种便捷方式
2013/09/26 Javascript
jquery对ajax的支持介绍
2013/12/10 Javascript
jquery分页对象使用示例
2014/04/01 Javascript
node.js入门实例helloworld详解
2015/12/23 Javascript
详解jQuery Mobile自定义标签
2016/01/06 Javascript
Bootstrap CSS组件之导航条(navbar)
2016/12/17 Javascript
原生ajax处理json格式数据的实例代码
2016/12/25 Javascript
JS简单实现数组去重的方法示例
2017/03/27 Javascript
ECMAScript6--解构
2017/03/30 Javascript
浏览器调试动态js脚本的方法(图解)
2018/01/19 Javascript
js和jQuery以及easyui实现对下拉框的指定赋值方法
2018/01/23 jQuery
浅谈vue.js导入css库(elementUi)的方法
2018/03/09 Javascript
Node.JS循环删除非空文件夹及子目录下的所有文件
2018/03/12 Javascript
解决Mac安装thrift因bison报错的问题
2018/05/17 Javascript
Vue-drag-resize 拖拽缩放插件的使用(简单示例)
2019/12/04 Javascript
jquery实现有过渡效果的tab切换
2020/07/17 jQuery
[02:04]2016国际邀请赛中国区预选赛VG.R晋级之路
2016/07/01 DOTA
python的dataframe和matrix的互换方法
2018/04/11 Python
Win10下python 2.7.13 安装配置方法图文教程
2018/09/18 Python
python+gdal+遥感图像拼接(mosaic)的实例
2020/03/10 Python
英国鲜花递送:Blossoming Gifts
2020/07/10 全球购物
技校生自我鉴定范文
2013/09/26 职场文书
建筑工地宣传标语
2014/06/18 职场文书
幼儿园安全责任书范本
2014/07/24 职场文书
课前一分钟演讲稿
2014/08/26 职场文书
2014银行领导班子四风对照检查材料思想汇报
2014/09/25 职场文书
小升初自荐信范文
2015/03/05 职场文书
汤姆叔叔的小屋读书笔记
2015/06/30 职场文书
开业典礼致辞
2015/07/29 职场文书
大学班长竞选稿
2015/11/20 职场文书
优秀大学生申请书
2019/06/24 职场文书