用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 prototype属性使用说明
May 13 Javascript
Jquery中的$.each获取各种返回类型数据的使用方法
May 03 Javascript
js获取form的方法
May 06 Javascript
微信小程序 详解页面跳转与返回并回传数据
Feb 13 Javascript
jQuery实现Select下拉列表进行状态选择功能
Mar 30 jQuery
详解node中创建服务进程
May 09 Javascript
使用vue的v-for生成table并给table加上序号的实例代码
Oct 27 Javascript
iview中Select 选择器多选校验方法
Mar 15 Javascript
利用Dectorator分模块存储Vuex状态的实现
Feb 05 Javascript
详解vue中axios的使用与封装
Mar 20 Javascript
详解解决小程序中webview页面多层history返回问题
Aug 20 Javascript
vue根据条件不同显示不同按钮的操作
Aug 04 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
PHP面向对象分析设计的经验原则
2008/09/20 PHP
PHP 地址栏信息的获取代码
2009/01/07 PHP
PHP仿qq空间或朋友圈发布动态、评论动态、回复评论、删除动态或评论的功能(上)
2017/05/26 PHP
PHP大文件分割上传 PHP分片上传
2017/08/28 PHP
PHP获取远程http或ftp文件的md5值的方法
2019/04/15 PHP
JavaScript 调试器简介
2009/02/21 Javascript
JavaScript 函数式编程的原理
2009/10/16 Javascript
JS遮罩层效果 兼容ie firefox jQuery遮罩层
2010/07/26 Javascript
Draggable Elements 元素拖拽功能实现代码
2011/03/30 Javascript
js FLASH幻灯片字符串中有连接符&的处理方法
2012/03/01 Javascript
很好用的js日历算法详细代码
2013/03/07 Javascript
JQuery实现倒计时按钮具体方法
2013/11/14 Javascript
Knockout visible绑定使用方法
2013/11/15 Javascript
JavaScript实现带标题的图片轮播特效
2015/05/20 Javascript
JavaScript获取两个数组交集的方法
2015/06/09 Javascript
JavaScript中用于四舍五入的Math.round()方法讲解
2015/06/15 Javascript
Extjs 点击复选框在表格中增加相关信息行
2016/07/12 Javascript
Bootstrap CSS布局之按钮
2016/12/17 Javascript
Vue.js自定义事件的表单输入组件方法
2018/03/08 Javascript
Node.Js中实现端口重用原理详解
2018/05/03 Javascript
vue-cli3搭建项目的详细步骤
2018/12/05 Javascript
[01:02:25]2014 DOTA2华西杯精英邀请赛 5 24 iG VS DK
2014/05/26 DOTA
[41:13]完美世界DOTA2联赛PWL S2 Forest vs Rebirth 第一场 11.20
2020/11/20 DOTA
python编写爬虫小程序
2015/05/14 Python
Python Pandas批量读取csv文件到dataframe的方法
2018/10/08 Python
python3正则提取字符串里的中文实例
2019/01/31 Python
python中的decimal类型转换实例详解
2019/06/26 Python
Python创建数字列表的示例
2019/11/28 Python
python Autopep8实现按PEP8风格自动排版Python代码
2021/03/02 Python
html5+css如何实现中间大两头小的轮播效果
2018/12/06 HTML / CSS
伦敦著名的运动鞋综合商店:Footpatrol
2019/03/25 全球购物
师范应届生教师求职信
2013/11/05 职场文书
春秋淹城导游词
2015/02/11 职场文书
正确的理解和使用Django信号(Signals)
2021/04/14 Python
如何开发一个渐进式Web应用程序PWA
2021/05/10 Javascript
MySQL批量更新不同表中的数据
2022/05/11 MySQL