巧用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 miscellanea -display data real time, using window.status
Jan 09 Javascript
javascript html 静态页面传参数
Apr 10 Javascript
jQuery 1.5.1 发布,全面支持IE9 修复大量bug
Feb 26 Javascript
EditPlus注册码生成器(js代码实现)
Mar 25 Javascript
代码触发js事件(click、change)示例应用
Dec 13 Javascript
Jquery对象和Dom对象的区别分析
Nov 20 Javascript
在JavaScript中使用NaN值的方法
Jun 05 Javascript
JavaScript中使用自然对数ln的方法
Jun 14 Javascript
浅析Node.js 中 Stream API 的使用
Oct 23 Javascript
Bootstrap表单布局样式代码
May 31 Javascript
搭建element-ui的Vue前端工程操作实例
Feb 23 Javascript
使用 Vue 实现一个虚拟列表的方法
Aug 20 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中取得image按钮传递的name值
2006/10/09 PHP
构建简单的Webmail系统
2006/10/09 PHP
PHP开发负载均衡指南
2010/07/17 PHP
浅析iis7.5安装配置php环境
2015/05/10 PHP
64位windows系统下安装Memcache缓存
2015/12/06 PHP
通过PHP设置BugFree获取邮箱通知
2019/04/25 PHP
laravel excel 上传文件保存到本地服务器功能
2019/11/14 PHP
swoole锁的机制代码实例讲解
2021/03/04 PHP
删除重复数据的算法
2006/11/23 Javascript
js 代码集(学习js的朋友可以看下)
2009/07/22 Javascript
JavaScript 学习笔记(五)
2009/12/31 Javascript
跨浏览器的事件对象介绍
2012/06/27 Javascript
wangEditor编辑器失去焦点后仍然可以在原位置插入图片分析
2015/05/06 Javascript
ECMAScript6中Map/WeakMap详解
2015/06/12 Javascript
JavaScript中数组继承的简单示例
2015/07/29 Javascript
JavaScript中从setTimeout与setInterval到AJAX异步
2017/02/13 Javascript
实例分析JS与Node.js中的事件循环
2017/12/12 Javascript
vue-auto-focus: 控制自动聚焦行为的 vue 指令方法
2018/08/25 Javascript
react-native滑动吸顶效果的实现过程
2019/06/03 Javascript
Python多进程并发(multiprocessing)用法实例详解
2015/06/02 Python
利用python将xml文件解析成html文件的实现方法
2017/12/22 Python
python中itertools模块zip_longest函数详解
2018/06/12 Python
python-opencv 将连续图片写成视频格式的方法
2019/01/08 Python
Python中turtle库的使用实例
2019/09/09 Python
pytorch:torch.mm()和torch.matmul()的使用
2019/12/27 Python
python实现吃苹果小游戏
2020/03/21 Python
PyInstaller运行原理及常用操作详解
2020/06/13 Python
大专生毕业的自我评价
2014/02/06 职场文书
公司保密承诺书
2014/03/27 职场文书
英语教师自荐信
2014/05/26 职场文书
依法行政工作汇报
2014/10/28 职场文书
志愿服务心得体会
2016/01/15 职场文书
2019通用版导游词范本!
2019/08/07 职场文书
nginx前后端同域名配置的方法实现
2021/03/31 Servers
Python3中PyQt5简单实现文件打开及保存
2021/06/10 Python
Python测试框架pytest核心库pluggy详解
2022/08/05 Golang