用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 相关文章推荐
window.showModalDialog使用手册
Jan 11 Javascript
基于Jquery+Ajax+Json的高效分页实现代码
Oct 29 Javascript
css配合jquery美化 select
Nov 29 Javascript
JS 操作Array数组的方法及属性实例解析
Jan 08 Javascript
javascript实现获取浏览器版本、浏览器类型
Dec 02 Javascript
解决js页面滚动效果scrollTop在FireFox与Chrome浏览器间的兼容问题的方法
Dec 03 Javascript
jQuery实现产品对比功能附源码下载
Aug 09 Javascript
ES6/JavaScript使用技巧分享
Dec 14 Javascript
使用Angular CLI从蓝本生成代码详解
Mar 24 Javascript
vue实现新闻展示页的步骤详解
Apr 11 Javascript
Vue Extends 扩展选项用法完整实例
Sep 17 Javascript
微信小程序开发中var that =this的用法详解
Jan 18 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
收音机玩机评测 406 篇视频合集
2020/03/11 无线电
Yii实现多按钮保存与提交的方法
2014/12/03 PHP
浅析php静态方法与非静态方法的用法区别
2016/05/17 PHP
PHP使用curl函数发送Post请求的注意事项
2016/11/26 PHP
JavaScipt中的Math.ceil() 、Math.floor() 、Math.round() 三个函数的理解
2010/04/29 Javascript
用JQuery模仿淘宝的图片放大镜显示效果
2011/09/15 Javascript
解决3.01版的jquery.form.js中文乱码问题的解决方法
2012/03/08 Javascript
JavaScript异步回调的Promise模式封装实例
2014/06/07 Javascript
AngularJS ng-template寄宿方式用法分析
2016/11/07 Javascript
JavaScript实现的CRC32函数示例
2016/11/23 Javascript
Vuex2.0+Vue2.0构建备忘录应用实践
2016/11/30 Javascript
jquery无法为动态生成的元素添加点击事件的解决方法(推荐)
2016/12/26 Javascript
jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例
2017/08/04 jQuery
使用vux实现上拉刷新功能遇到的坑
2018/02/08 Javascript
浅谈vue中.vue文件解析流程
2018/04/24 Javascript
vue中v-for通过动态绑定class实现触发效果
2018/12/06 Javascript
原生js实现each方法实例代码详解
2019/05/27 Javascript
详解ng-alain动态表单SF表单项设置必填和正则校验
2019/06/11 Javascript
nodejs和react实现即时通讯简易聊天室功能
2019/08/21 NodeJs
JavaScript JSON使用原理及注意事项
2020/07/30 Javascript
python实现的解析crontab配置文件代码
2014/06/30 Python
python中执行shell命令的几个方法小结
2014/09/18 Python
python绘制条形图方法代码详解
2017/12/19 Python
Python命名空间的本质和加载顺序
2018/12/17 Python
Python常用的json标准库
2019/02/19 Python
Django 权限认证(根据不同的用户,设置不同的显示和访问权限)
2019/07/24 Python
pytorch获取模型某一层参数名及参数值方式
2019/12/30 Python
Tensorflow实现在训练好的模型上进行测试
2020/01/20 Python
浅谈html5与APP混合开发遇到的问题总结
2018/03/20 HTML / CSS
你的自行车健身专家:FaFit24
2016/11/16 全球购物
新西兰杂志订阅:isubscribe
2019/08/26 全球购物
初中生三年学习生活的自我评价
2013/11/03 职场文书
村干部承诺书
2014/03/28 职场文书
车队司机个人自我鉴定
2014/04/17 职场文书
银行竞聘演讲稿
2014/05/16 职场文书
领导班子民主生活会整改措施(工商局)
2014/09/21 职场文书