用js提交表单解决一个页面有多个提交按钮的问题


Posted in Javascript onSeptember 01, 2014

用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本,然后再执行相应的动作,比较简单。

<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之Partial Application学习
Jan 10 Javascript
js阻止冒泡及jquery阻止事件冒泡示例介绍
Nov 19 Javascript
JS 数字转换研究总结
Dec 26 Javascript
如何将php数组或者对象传递给javascript
Mar 20 Javascript
JQuery跳出each循环的方法
Apr 16 Javascript
推荐三款不错的图片压缩上传插件(webuploader、localResizeIMG4、LUploader)
Apr 21 Javascript
AngularJS实现页面跳转后自动弹出对话框实例代码
Aug 02 Javascript
jQuery实现的简单对话框拖动功能示例
Jun 05 jQuery
微信小程序实现页面跳转传递参数(实体,对象)
Aug 12 Javascript
js tab栏切换代码实例解析
Sep 03 Javascript
layui时间控件选择时间范围的实现方法
Sep 28 Javascript
Vue elementUI表单嵌套表格并对每行进行校验详解
Feb 18 Vue.js
浅析JQuery中的html(),text(),val()区别
Sep 01 #Javascript
如何判断微信内置浏览器(通过User Agent实现)
Sep 01 #Javascript
使用jquery.validate自定义方法实现&quot;手机号码或者固话至少填写一个&quot;的逻辑验证
Sep 01 #Javascript
上传图片js判断图片尺寸和格式兼容IE
Sep 01 #Javascript
影响jQuery使用的14个方面
Sep 01 #Javascript
自编jQuery插件实现模拟alert和confirm
Sep 01 #Javascript
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
Sep 01 #Javascript
You might like
一个简单的自动发送邮件系统(二)
2006/10/09 PHP
php找出指定范围内回文数且平方根也是回文数的方法
2015/03/23 PHP
PHP里的$_GET数组介绍
2019/03/22 PHP
PHP dirname简单使用代码实例
2020/11/13 PHP
javascript 上下banner替换具体实现
2013/11/14 Javascript
javascript删除数组元素并且数组长度减小的简单实例
2014/02/14 Javascript
EasyUI中combobox默认值注意事项
2015/03/01 Javascript
JavaScript制作淘宝星级评分效果的思路
2020/06/23 Javascript
Javascript闭包实例详解
2015/11/29 Javascript
基于jQuery实现选取月份插件附源码下载
2015/12/28 Javascript
js实现抽奖效果
2017/03/27 Javascript
手把手教你把nodejs部署到linux上跑出hello world
2017/06/19 NodeJs
angular 用Observable实现异步调用的方法
2018/12/27 Javascript
vue cli4.0项目引入typescript的方法
2020/07/17 Javascript
[07:48]DOTA2上海特级锦标赛主赛事首日RECAP
2016/03/04 DOTA
python3实现短网址和数字相互转换的方法
2015/04/28 Python
Python键盘输入转换为列表的实例
2018/06/23 Python
python中ImageTk.PhotoImage()不显示图片却不报错问题解决
2018/12/06 Python
python下的opencv画矩形和文字注释的实现方法
2019/07/09 Python
pandas使用之宽表变窄表的实现
2020/04/12 Python
解决Pycharm双击图标启动不了的问题(JetBrains全家桶通用)
2020/08/07 Python
纯HTML5+CSS3制作生日蛋糕(代码易懂)
2016/11/16 HTML / CSS
尤妮佳moony海外旗舰店:日本殿堂级纸尿裤品牌
2018/02/23 全球购物
财务会计应届生求职信
2013/11/24 职场文书
财务会计人员求职的自我评价
2014/01/13 职场文书
毕业留言寄语大全
2014/04/10 职场文书
大学学风建设方案
2014/05/04 职场文书
岗位标兵事迹材料
2014/05/17 职场文书
体育节口号
2014/06/19 职场文书
民主生活会对照检查材料
2014/09/22 职场文书
求职自我评价范文100字
2014/09/23 职场文书
2019最新版劳务派遣管理制度
2019/08/16 职场文书
《风不能把阳光打败》读后感3篇
2020/01/06 职场文书
Apache Calcite 实现方言转换的代码
2021/04/24 Servers
python实现A*寻路算法
2021/06/13 Python
GPU服务器的多用户配置方法
2022/07/07 Servers