用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实现div的拖动并调整大小类似qq空间个性编辑模块
Dec 12 Javascript
Json序列化和反序列化方法解析
Dec 19 Javascript
javascript制作幻灯片(360度全景图片)
Jul 28 Javascript
jquery实现可点击伸缩与展开的菜单效果代码
Aug 31 Javascript
easyui combotree加载静态数据问题(选不上)解决方法
Dec 26 Javascript
jQuery插件zTree实现的多选树效果示例
Mar 08 Javascript
详解Angular2组件之间如何通信
Jun 22 Javascript
JS装饰器函数用法总结
Apr 21 Javascript
基于Vue2-Calendar改进的日历组件(含中文使用说明)
Apr 14 Javascript
vue项目在线上服务器访问失败原因分析
Aug 14 Javascript
js实现鼠标滑动到某个div禁止滚动
Sep 17 Javascript
vue+Element-ui前端实现分页效果
Nov 15 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
php4的彩蛋
2006/10/09 PHP
php检测图片木马多进制编程实践
2013/04/11 PHP
基于ubuntu下nginx+php+mysql安装配置的具体操作步骤
2013/04/28 PHP
解析dedecms空间迁移步骤详解
2013/05/15 PHP
php使用mb_check_encoding检查字符串在指定的编码里是否有效
2013/11/07 PHP
php array_chunk()函数用法与注意事项
2019/07/12 PHP
Yii框架参数配置文件params用法实例分析
2019/09/11 PHP
js获取单元格自定义属性值的代码(IE/Firefox)
2010/04/05 Javascript
extjs之去除s.gif的影响
2010/12/25 Javascript
javascript重复绑定事件造成的后果说明
2013/03/02 Javascript
XMLHttpRequest处理xml格式的返回数据(示例代码)
2013/11/21 Javascript
使用javascript控制cookie显示和隐藏背景图
2014/02/12 Javascript
IE6浏览器中window.location.href无效的解决方法
2014/11/20 Javascript
JQuery创建DOM节点的方法
2015/06/11 Javascript
通用无限极下拉菜单的实现代码
2016/05/31 Javascript
详解vue-router基本使用
2017/04/18 Javascript
react中fetch之cors跨域请求的实现方法
2018/03/14 Javascript
layui前端框架之table表数据的刷新方法
2018/08/17 Javascript
推荐几个不错的console调试技巧实现
2019/12/20 Javascript
element日历calendar组件上月、今天、下月、日历块点击事件及模板源码
2020/07/27 Javascript
Python网页解析利器BeautifulSoup安装使用介绍
2015/03/17 Python
Python selenium爬取微博数据代码实例
2020/05/22 Python
Pandas的Apply函数具体使用
2020/07/21 Python
python自动提取文本中的时间(包含中文日期)
2020/08/31 Python
python报错TypeError: ‘NoneType‘ object is not subscriptable的解决方法
2020/11/05 Python
自定义html标记替换html5新增元素
2008/10/17 HTML / CSS
StubHub哥伦比亚:购买和出售您的门票
2016/10/20 全球购物
葛优非诚勿扰搞笑征婚台词
2014/03/17 职场文书
护士医德考评自我评价
2015/03/03 职场文书
幼儿园园长安全责任书
2015/05/08 职场文书
毕业论文答辩开场白
2015/05/27 职场文书
励志语录:只有自己足够强大,才能不被别人践踏
2020/01/09 职场文书
Python3中PyQt5简单实现文件打开及保存
2021/06/10 Python
Django实现WebSocket在线聊天室功能(channels库)
2021/09/25 Python
Windows 11上手初体验:任务栏和开始菜单等迎来大改
2021/11/21 数码科技
Python Matplotlib绘制两个Y轴图像
2022/04/13 Python