用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 相关文章推荐
基于jquery的web页面日期格式化插件
Nov 15 Javascript
基于jquery固定于顶部的导航响应浏览器滚动条事件
Nov 02 Javascript
JavaScript阻止事件冒泡示例分享
Dec 28 Javascript
JS 实现倒计时数字时钟效果【附实例代码】
Mar 30 Javascript
jQuery实现的简单百分比进度条效果示例
Aug 01 Javascript
纯JavaScript 实现flappy bird小游戏实例代码
Sep 27 Javascript
微信小程序-拍照或选择图片并上传文件
Jan 06 Javascript
JS实现的base64加密解密操作示例
Apr 18 Javascript
解决iview多表头动态更改列元素发生的错误的方法
Nov 02 Javascript
简述Vue中容易被忽视的知识点
Dec 09 Javascript
Vue简单实现原理详解
May 07 Javascript
如何将JavaScript将数组转为树形结构
Jun 02 Javascript
浅析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
Apache 配置详解(最好的APACHE配置教程)
2010/07/04 PHP
php操作mysql数据库的基本类代码
2014/02/25 PHP
在Yii框架中使用PHP模板引擎Twig的例子
2014/06/13 PHP
php实现的简单日志写入函数
2015/03/31 PHP
PHP中的Session对象如何使用
2015/09/25 PHP
[原创]PHP实现逐行删除文件右侧空格的方法
2015/12/25 PHP
php打开本地exe程序,js打开本地exe应用程序,并传递相关参数方法
2018/02/06 PHP
基于jquery的关于动态创建DOM元素的问题
2010/12/24 Javascript
E3 tree 1.6在Firefox下显示问题的修复方法
2013/01/30 Javascript
alert和confirm功能介绍
2014/05/21 Javascript
JS在可编辑的div中的光标位置插入内容的方法
2014/11/20 Javascript
有关Promises异步问题详解
2015/11/13 Javascript
JavaScript截取指定长度字符串点击可以展开全部代码
2015/12/04 Javascript
jQuery中attr()与prop()函数用法实例详解(附用法区别)
2015/12/29 Javascript
jQuery 弹出层插件(推荐)
2016/05/24 Javascript
Bootstrap 轮播(Carousel)插件
2016/12/26 Javascript
详谈表单格式化插件jquery.serializeJSON
2017/06/23 jQuery
js实现拖拽上传图片功能
2017/08/01 Javascript
JS实现快速比较两个字符串中包含有相同数字的方法
2017/09/11 Javascript
基于VUE.JS的移动端框架Mint UI的使用
2017/10/11 Javascript
javascript字体颜色控件的开发 JS实现字体控制
2017/11/27 Javascript
Mac下安装vue
2018/04/11 Javascript
JS中DOM元素的attribute与property属性示例详解
2018/09/04 Javascript
微信小程序文章详情页面实现代码
2018/09/10 Javascript
React事件处理的机制及原理
2018/12/03 Javascript
vue中多个倒计时实现代码实例
2019/03/27 Javascript
vue项目配置使用flow类型检查的步骤
2020/03/18 Javascript
Python排序搜索基本算法之插入排序实例分析
2017/12/11 Python
Python3计算三角形的面积代码
2017/12/18 Python
自定义django admin model表单提交的例子
2019/08/23 Python
tensorflow2.0保存和恢复模型3种方法
2020/02/03 Python
PyCharm如何导入python项目的方法
2020/02/06 Python
FORZIERI澳大利亚站:全球顶级奢华配饰精品店
2016/12/31 全球购物
财务经理岗位职责
2013/11/09 职场文书
校园公益广告语
2014/03/13 职场文书
父亲节活动策划方案
2014/08/24 职场文书