用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 相关文章推荐
Highslide.js是一款基于js实现的网页中图片展示插件
Mar 30 Javascript
JavaScript 获取用户客户端操作系统版本
Aug 25 Javascript
javascript中parseInt()函数的定义和用法分析
Dec 20 Javascript
JSP基于Bootstrap分页显示实例解析
Jun 12 Javascript
Bootstrap分页插件之Bootstrap Paginator实例详解
Oct 15 Javascript
jQuery特殊符号转义的实现
Nov 30 Javascript
JS实现下拉菜单列表与登录注册弹窗效果
Aug 10 Javascript
React性能优化系列之减少props改变的实现方法
Jan 17 Javascript
前后端常见的几种鉴权方式(小结)
Aug 04 Javascript
jQuery鼠标滑过横向时间轴样式(代码详解)
Nov 01 jQuery
SpringBoot+Vue 前后端合并部署的配置方法
Dec 30 Vue.js
js删除指定位置超链接中含有百度与360的标题
Jan 06 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
Windows2003 下 MySQL 数据库每天自动备份
2006/12/21 PHP
PHP 面向对象实现代码
2009/11/11 PHP
PHP网站自动化配置的实现方法(必看)
2017/05/27 PHP
用PHP做了一个领取优惠券活动的示例代码
2019/07/05 PHP
xml 与javascript结合的问题解决方法
2007/03/24 Javascript
基于jQuery的360图片展示实现代码
2012/06/14 Javascript
怎样在JavaScript里写一个swing把数据插入数据库
2012/12/10 Javascript
你必须知道的Javascript知识点之&quot;深入理解作用域链&quot;的介绍
2013/04/23 Javascript
javascript学习笔记之10个原生技巧
2014/05/21 Javascript
浅谈JavaScript function函数种类
2014/12/29 Javascript
jQuery实现的五子棋游戏实例
2015/06/13 Javascript
AngularJS 自定义指令详解及示例代码
2016/08/17 Javascript
Angular ng-class详解及实例代码
2016/09/19 Javascript
js多个物体运动功能实例分析
2016/12/20 Javascript
JS jQuery使用正则表达式去空字符的简单实现代码
2017/05/20 jQuery
vue中的scope使用详解
2017/10/29 Javascript
微信头像地址失效踩坑记附带解决方案
2019/09/23 Javascript
JS实现分页导航效果
2020/02/19 Javascript
解读Python中degrees()方法的使用
2015/05/18 Python
深入学习Python中的装饰器使用
2016/06/20 Python
Python基础知识_浅谈用户交互
2017/05/31 Python
基于Pandas读取csv文件Error的总结
2018/06/15 Python
Python中矩阵创建和矩阵运算方法
2018/08/04 Python
Python3.7 pyodbc完美配置访问access数据库
2019/10/03 Python
Python实现平行坐标图的绘制(plotly)方式
2019/11/22 Python
python使用信号量动态更新配置文件的操作
2020/04/01 Python
HTML5中的Web Notification桌面通知功能的实现方法
2019/07/29 HTML / CSS
Oral-B荷兰:牙医最推荐的品牌
2020/02/25 全球购物
人事文员岗位职责
2014/02/16 职场文书
财务部绩效考核方案
2014/05/04 职场文书
党员批评与自我批评发言
2014/10/02 职场文书
2015大一新生军训感言
2015/08/01 职场文书
车间班组长竞聘书
2015/09/15 职场文书
四年级语文教学反思
2016/03/03 职场文书
vue-cli4.5.x快速搭建项目
2021/05/30 Vue.js
vue+echarts实现多条折线图
2022/03/21 Vue.js