巧用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 相关文章推荐
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
Apr 12 Javascript
随窗体滑动的小插件sticky源码
Jun 21 Javascript
window.open打开页面居中显示的示例代码
Dec 27 Javascript
js实现大转盘抽奖游戏实例
Jun 24 Javascript
Clipboard.js 无需Flash的JavaScript复制粘贴库
Oct 02 Javascript
利用CSS3在Angular中实现动画
Jan 15 Javascript
jQuery、layer实现弹出层的打开、关闭功能
Jun 28 jQuery
vue判断input输入内容全是空格的方法
Mar 02 Javascript
详解如何使用webpack打包多页jquery项目
Feb 01 jQuery
微信小程序图片加载失败时替换为默认图片的方法
Dec 09 Javascript
在Vue项目中使用Typescript的实现
Dec 19 Javascript
JavaScript实现alert弹框效果
Nov 19 Javascript
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
php 过滤危险html代码
2009/06/29 PHP
用PHP实现读取和编写XML DOM代码
2010/04/07 PHP
PHP 魔术变量和魔术函数详解
2015/02/25 PHP
Yii框架弹出窗口组件CJuiDialog用法分析
2017/01/07 PHP
laravel实现查询最后执行的一条sql语句的方法
2019/10/09 PHP
JavaScript 动态改变图片大小
2009/06/11 Javascript
文本框获得焦点和失去焦点的判断代码
2012/03/18 Javascript
ExtJS中设置下拉列表框不可编辑的方法
2014/05/07 Javascript
JavaScript将当前时间转换成UTC标准时间的方法
2015/04/06 Javascript
javascript中的Function.prototye.bind
2015/06/25 Javascript
基于jQuery实现美观且实用的倒计时实例代码
2015/12/30 Javascript
js HTML5多图片上传及预览实例解析(不含前端的文件分割)
2016/08/26 Javascript
JavaScript之json_动力节点Java学院整理
2017/06/29 Javascript
原生实现一个react-redux的代码示例
2018/06/08 Javascript
vuex + axios 做登录验证 并且保存登录状态的实例
2018/09/16 Javascript
为vue项目自动设置请求状态的配置方法
2019/06/09 Javascript
部署vue+Springboot前后端分离项目的步骤实现
2020/05/31 Javascript
[02:19]2014DOTA2国际邀请赛 专访820少年们一起去追梦吧
2014/07/14 DOTA
[03:15]2014DOTA2国际邀请赛 专访国士无双信心满满
2014/07/12 DOTA
Python def函数的定义、使用及参数传递实现代码
2014/08/10 Python
Python多线程编程(六):可重入锁RLock
2015/04/05 Python
Python实现的双色球生成功能示例
2017/12/18 Python
详解python使用Nginx和uWSGI来运行Python应用
2018/01/09 Python
python查看模块安装位置的方法
2018/10/16 Python
PyQt5基本控件使用之消息弹出、用户输入、文件对话框的使用方法
2019/08/06 Python
TensorBoard 计算图的可视化实现
2020/02/15 Python
pycharm工具连接mysql数据库失败问题
2020/04/01 Python
Python 线性回归分析以及评价指标详解
2020/04/02 Python
Python本地及虚拟解释器配置过程解析
2020/10/13 Python
Europcar德国:全球汽车租赁领域的领导者
2018/08/15 全球购物
车工岗位职责
2013/11/26 职场文书
市场营销管理毕业生自荐信
2014/03/03 职场文书
化工操作工岗位职责
2014/04/29 职场文书
环保标语口号
2014/06/13 职场文书
无罪辩护词范文
2015/05/21 职场文书
毕业论文答辩开场白和结束语
2015/05/27 职场文书