巧用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 树形结构的选择器
Feb 15 Javascript
javascript自动改变文字大小和颜色的效果的小例子
Aug 02 Javascript
js 设置缓存及获取设置的缓存
May 08 Javascript
AMD异步模块定义介绍和Require.js中使用jQuery及jQuery插件的方法
Jun 06 Javascript
js实现下拉框选择要显示图片的方法
Feb 16 Javascript
浅谈Jquery为元素绑定事件
Apr 27 Javascript
Javascript中判断对象是否为空
Jun 10 Javascript
jQuery form插件的使用之处理server返回的JSON, XML,HTML数据
Jan 26 Javascript
js编写的treeview使用方法
Nov 11 Javascript
vue实现在表格里,取每行的id的方法
Mar 09 Javascript
angularjs 缓存的使用详解
Mar 19 Javascript
Vue过滤器(filter)实现及应用场景详解
Jun 15 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
PHP读取XML值的代码(推荐)
2011/01/01 PHP
PHP+Mysql+jQuery实现动态展示信息
2011/10/08 PHP
php 读取文件头判断文件类型的实现代码
2013/08/05 PHP
php和editplus正则表达式去除空白行
2015/04/17 PHP
php中关于socket的系列函数总结
2015/05/18 PHP
WordPress中注册菜单与调用菜单的方法详解
2015/12/18 PHP
Jquery实战_读书笔记2 选择器
2010/01/22 Javascript
js输出列表实现代码
2010/09/12 Javascript
javascript学习笔记(五)正则表达式
2011/04/08 Javascript
jQuery仿Excel表格编辑功能的实现代码
2013/05/01 Javascript
Javascript 遮罩层和加载效果代码
2013/08/01 Javascript
js正则表达式中test,exec,match方法的区别说明
2014/01/29 Javascript
JavaScript获取当前页面上的指定对象示例代码
2014/02/28 Javascript
页面元素绑定jquery toggle后元素隐藏的解决方法
2014/03/27 Javascript
Node.js 去掉种子(torrent)文件里的邪恶信息
2015/03/27 Javascript
html、css和jquery相结合实现简单的进度条效果实例代码
2016/10/24 Javascript
Node.js五大应用性能技巧小结(必须收藏)
2017/08/09 Javascript
微信小程序自定义prompt组件步骤详解
2018/06/12 Javascript
Layui给数据表格动态添加一行并跳转到添加行所在页的方法
2018/08/20 Javascript
小程序getLocation需要在app.json中声明permission字段
2019/04/04 Javascript
vue中的面包屑导航组件实例代码
2019/07/01 Javascript
javascript实现点击星星小游戏
2019/12/24 Javascript
JS实现拖动模糊框特效
2020/08/25 Javascript
vue或react项目生产环境去掉console.log的操作
2020/09/02 Javascript
Python Web框架Flask中使用百度云存储BCS实例
2015/02/08 Python
Python中单、双下划线的区别总结
2017/12/01 Python
Python 利用pydub库操作音频文件的方法
2019/01/09 Python
Python中使用__new__实现单例模式并解析
2019/06/25 Python
Django REST 异常处理详解
2020/07/15 Python
印度在线内衣和时尚目的地:Zivame
2017/09/28 全球购物
学生出入校管理制度
2014/01/16 职场文书
英语生日邀请函
2014/01/23 职场文书
过程装备与控制工程专业求职信
2014/07/02 职场文书
中秋节活动总结
2014/08/29 职场文书
同事欢送会致辞
2015/07/31 职场文书
go 实现简易端口扫描的示例
2021/05/22 Golang