巧用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学习笔记 获取jQuery对象
Sep 19 Javascript
深入理解jquery中extend的实现
Dec 22 Javascript
vue2.0嵌套路由实现豆瓣电影分页功能(附demo)
Mar 13 Javascript
anime.js 实现带有描边动画效果的复选框(推荐)
Dec 24 Javascript
nginx部署访问vue-cli搭建的项目的方法
Feb 12 Javascript
深入浅出 Vue 系列 -- 数据劫持实现原理
Apr 23 Javascript
Javascript 对象(object)合并操作实例分析
Jul 30 Javascript
JavaScript使用canvas绘制随机验证码
Feb 17 Javascript
js实现抽奖的两种方法
Mar 19 Javascript
JavaScript文档加载模式以及元素获取
Jul 28 Javascript
你不知道的SpringBoot与Vue部署解决方案
Nov 09 Javascript
html5以及jQuery实现本地图片上传前的预览代码实例讲解
Mar 01 jQuery
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中的超全局变量
2006/10/09 PHP
php基础知识:类与对象(1)
2006/12/13 PHP
PHP运行环境配置与开发环境的配置(图文教程)
2013/06/04 PHP
php缓冲 output_buffering和ob_start使用介绍
2014/01/30 PHP
php+js实现异步图片上传实例分享
2014/06/02 PHP
iOS+PHP注册登录系统 PHP部分(上)
2016/12/26 PHP
利用JS重写Cognos右键菜单的实现代码
2010/04/11 Javascript
js中定义一个变量并判断其是否为空的方法
2014/05/13 Javascript
js获取iframe中的window对象的实现方法
2016/05/20 Javascript
jQuery过滤选择器经典应用
2016/08/18 Javascript
谈谈JavaScript的New关键字
2016/08/26 Javascript
JS字符串统计操作示例【遍历,截取,输出,计算】
2017/03/27 Javascript
JavaScript中Object值合并方法详解
2017/12/22 Javascript
webpack 打包压缩js和css的方法示例
2018/03/20 Javascript
Angular使用过滤器uppercase/lowercase实现字母大小写转换功能示例
2018/03/27 Javascript
layui实现文件或图片上传记录
2018/08/28 Javascript
vue修改Element的el-table样式的4种方法
2020/09/17 Javascript
在Python中操作字典之fromkeys()方法的使用
2015/05/21 Python
浅析Python中MySQLdb的事务处理功能
2016/09/21 Python
python+django快速实现文件上传
2016/10/24 Python
解决使用pycharm提交代码时冲突之后文件丢失找回的方法
2018/08/05 Python
Python对CSV、Excel、txt、dat文件的处理
2018/09/18 Python
python-opencv 将连续图片写成视频格式的方法
2019/01/08 Python
Python 多维List创建的问题小结
2019/01/18 Python
matplotlib命令与格式之tick坐标轴日期格式(设置日期主副刻度)
2019/08/06 Python
python使用pyecharts库画地图数据可视化的实现
2020/03/25 Python
CSS3实现莲花绽放的动画效果
2020/11/06 HTML / CSS
详解FireFox下Canvas使用图像合成绘制SVG的Bug
2019/07/10 HTML / CSS
女性时尚在线:IVRose
2019/02/23 全球购物
Viking Direct爱尔兰:办公用品和家具
2019/11/21 全球购物
.NET程序员的数据库面试题
2012/10/10 面试题
给实习单位的感谢信
2014/02/01 职场文书
学历公证书范本
2014/04/09 职场文书
2014年会计主管工作总结
2014/12/20 职场文书
青涩记忆观后感
2015/06/18 职场文书
springboot项目以jar包运行的操作方法
2021/06/30 Java/Android