用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 相关文章推荐
js实现运行代码需要刷新的解决方法
Aug 18 Javascript
jquery cookie插件代码类
May 26 Javascript
js解析与序列化json数据(二)序列化探讨
Feb 01 Javascript
使用js检测浏览器的实现代码
May 14 Javascript
Jquery事件的连接使用示例
Jun 18 Javascript
jquery实现在页面加载的时自动为日期插件添加当前日期
Aug 20 Javascript
jQuery实现列表的全选功能
Mar 18 Javascript
JavaScript中日常收集常见的10种错误(推荐)
Jan 08 Javascript
Bootstrap导航条学习使用(二)
Feb 08 Javascript
bootstrap fileinput实现文件上传功能
Aug 23 Javascript
jQuery实现的两种简单弹窗效果示例
Apr 18 jQuery
React实现阿里云OSS上传文件的示例
Aug 10 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 zlib扩展实现页面GZIP压缩输出
2010/06/17 PHP
PHP+Ajax异步通讯实现用户名邮箱验证是否已注册( 2种方法实现)
2011/12/28 PHP
浅谈使用 PHP 进行手机 APP 开发(API 接口开发)
2014/08/11 PHP
php递归函数怎么用才有效
2018/02/24 PHP
php集成开发环境详解
2019/09/24 PHP
Laravel Eloquent分表方法并使用模型关联的实现
2019/11/25 PHP
javascript时间自动刷新实现原理与步骤
2013/01/06 Javascript
JS验证邮箱格式是否正确的代码
2013/12/05 Javascript
JavaScript 判断用户输入的邮箱及手机格式是否正确
2013/12/08 Javascript
JQuery实现表格动态增加行并对新行添加事件
2014/07/30 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
2016/01/26 Javascript
基于JavaScript实现弹出框效果
2016/02/19 Javascript
js判断手机浏览器操作系统和微信浏览器的方法
2016/04/30 Javascript
Bootstrap的Refresh Icon也spin起来
2016/07/13 Javascript
JavaScript实现提交模式窗口后刷新父窗口数据的方法
2017/06/16 Javascript
VUE脚手架具体使用方法
2019/05/20 Javascript
layui的select联动实现代码
2019/09/28 Javascript
[01:03]DOTA2新的征程 你的脚印值得踏上
2014/08/13 DOTA
Python警察与小偷的实现之一客户端与服务端通信实例
2014/10/09 Python
浅谈Python数据类型判断及列表脚本操作
2016/11/04 Python
Python实现自动为照片添加日期并分类的方法
2017/09/30 Python
对python 判断数字是否小于0的方法详解
2019/01/26 Python
使用python telnetlib批量备份交换机配置的方法
2019/07/25 Python
python并发编程多进程 模拟抢票实现过程
2019/08/20 Python
Python中的全局变量如何理解
2020/06/04 Python
python+playwright微软自动化工具的使用
2021/02/02 Python
柏林通行证:Berlin Pass
2018/04/11 全球购物
Wiggle新西兰:自行车、跑步、游泳
2020/05/06 全球购物
村支部书记群众路线对照检查材料思想汇报
2014/10/08 职场文书
酒店工程部岗位职责
2015/02/12 职场文书
2015年推普周活动方案
2015/05/06 职场文书
南京大屠杀观后感
2015/06/02 职场文书
汉字听写大会观后感
2015/06/12 职场文书
省级三好学生主要事迹材料
2015/11/03 职场文书
Jackson 反序列化时实现大小写不敏感设置
2021/06/29 Java/Android
MySQL七种JOIN类型小结
2021/10/24 MySQL