用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脚本控制asp.net下treeview的NodeCheck的实现代码
Mar 02 Javascript
纯JS前端实现分页代码
Jun 21 Javascript
jquery实现跳到底部,回到顶部效果的简单实例(类似锚)
Jul 10 Javascript
js实现点击按钮弹出上传文件的窗口
Dec 23 Javascript
AngularJS打开页面隐藏显示表达式用法示例
Dec 25 Javascript
JS原型继承四步曲及原型继承图一览
Nov 28 Javascript
Express之托管静态文件的方法
Jun 01 Javascript
vue异步加载高德地图的实现
Jun 19 Javascript
JavaScript求一个数组中重复出现次数最多的元素及其下标位置示例
Jul 23 Javascript
使用node.JS中的url模块解析URL信息
Feb 06 Javascript
js实现批量删除功能
Aug 27 Javascript
vue的webcamjs集成方式
Nov 16 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 file_get_contents函数轻松采集html数据
2010/04/22 PHP
php中常量DIRECTORY_SEPARATOR用法深入分析
2014/11/14 PHP
CI框架实现优化文件上传及多文件上传的方法
2017/01/04 PHP
利用php生成验证码
2017/02/23 PHP
ThinkPHP使用getlist方法实现数据搜索功能示例
2017/05/08 PHP
thinkPHP5框架实现基于ajax的分页功能示例
2018/06/12 PHP
php 将json格式数据转换成数组的方法
2018/08/21 PHP
一些经常会用到的Javascript检测函数
2010/05/31 Javascript
NodeJS框架Express的模板视图机制分析
2011/07/19 NodeJs
jQuery EasyUI之DataGrid使用实例详解
2016/01/04 Javascript
jquery中ajax处理跨域的三大方式
2016/01/05 Javascript
JQuery validate插件Remote用法大全
2016/05/15 Javascript
最细致的vue.js基础语法 值得收藏!
2016/11/03 Javascript
详解vuex 中的 state 在组件中如何监听
2017/05/23 Javascript
highcharts 在angular中的使用示例代码
2017/09/20 Javascript
vue源码学习之Object.defineProperty对象属性监听
2018/05/30 Javascript
Vue cli构建及项目打包以及出现的问题解决
2018/08/27 Javascript
vue代码分割的实现(codesplit)
2018/11/13 Javascript
详解50行代码,Node爬虫练手项目
2019/04/22 Javascript
基于JS正则表达式实现模板数据动态渲染(实现思路详解)
2020/03/07 Javascript
element-ui点击查看大图的方法示例
2020/12/14 Javascript
React实现todolist功能
2020/12/28 Javascript
Python简单检测文本类型的2种方法【基于文件头及cchardet库】
2016/09/18 Python
django框架自定义用户表操作示例
2018/08/07 Python
Python 将Matrix、Dict保存到文件的方法
2018/10/30 Python
Python适配器模式代码实现解析
2019/08/02 Python
Python有参函数使用代码实例
2020/01/06 Python
使用Python打造一款间谍程序的流程分析
2020/02/21 Python
html5 touch事件实现触屏页面上下滑动(一)
2016/03/10 HTML / CSS
HTML5 通信API 跨域门槛将不再高、数据推送也不再是梦
2013/04/25 HTML / CSS
杭州SQL浙江浙大网新恩普软件有限公司
2013/07/27 面试题
啦啦队口号大全
2014/06/16 职场文书
大学学雷锋活动总结
2014/06/26 职场文书
中学教师暑期培训方案
2014/08/27 职场文书
学校会议通知范文
2015/04/15 职场文书
六一活动主持词
2015/06/30 职场文书