用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 相关文章推荐
ASP中进行HTML数据及JS数据编码函数
Nov 11 Javascript
JQuery Highcharts 动态生成图表的方法
Nov 15 Javascript
javascript编写贪吃蛇游戏
Jul 07 Javascript
js阻止浏览器默认行为的简单实例
May 15 Javascript
前端js实现文件的断点续传 后端PHP文件接收
Oct 14 Javascript
JavaScript中Array对象用法实例总结
Nov 29 Javascript
Ajax和Comet技术总结
Feb 19 Javascript
JS函数内部属性之arguments和this实例解析
Oct 07 Javascript
Postman的下载及安装教程详解
Oct 16 Javascript
原生js实现拖拽移动与缩放效果
Aug 24 Javascript
antd form表单数据回显操作
Nov 02 Javascript
jQuery实现容器间的元素拖拽功能
Dec 01 jQuery
浅析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
网站当前的在线人数
2006/10/09 PHP
用php实现批量查询清除一句话后门的代码
2008/01/20 PHP
用php获取远程图片并把它保存到本地的代码
2008/04/07 PHP
PHP 创建文件(文件夹)以及目录操作代码
2010/03/04 PHP
探讨:parse url解析URL,返回其组成部分
2013/06/14 PHP
PHP Session 变量的使用方法详解与实例代码
2013/09/11 PHP
php strftime函数的详细用法
2018/06/21 PHP
asp.net+js 实现无刷新上传解析csv文件的代码
2010/05/17 Javascript
javascript的函数、创建对象、封装、属性和方法、继承
2011/03/10 Javascript
javascript中关于执行环境的杂谈
2011/08/14 Javascript
js 实现在离开页面时提醒未保存的信息(减少用户重复操作)
2013/01/16 Javascript
JS实现FLASH幻灯片图片切换效果的方法
2015/03/04 Javascript
JavaScript原生对象之Date对象的属性和方法详解
2015/03/13 Javascript
javascript中apply、call和bind的使用区别
2016/04/05 Javascript
node.js从数据库获取数据
2016/05/08 Javascript
js实现以最简单的方式将数组元素添加到对象中的方法
2017/12/20 Javascript
JS遍历DOM文档树的方法实例详解
2018/04/03 Javascript
vue中子组件的methods中获取到props中的值方法
2018/08/27 Javascript
vue-cli3 配置开发与测试环境详解
2019/05/17 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
2020/10/29 Javascript
[02:55]含熏伴清风,风行者至宝、屠夫身心及典藏宝瓶二展示
2020/09/08 DOTA
Python使用smtplib模块发送电子邮件的流程详解
2016/06/27 Python
一个基于flask的web应用诞生 flask和mysql相连(4)
2017/04/11 Python
Python列表list解析操作示例【整数操作、字符操作、矩阵操作】
2017/07/25 Python
python opencv人脸检测提取及保存方法
2018/08/03 Python
Python异常处理操作实例详解
2018/08/28 Python
详解Python中pandas的安装操作说明(傻瓜版)
2019/04/08 Python
python使用mitmproxy抓取浏览器请求的方法
2019/07/02 Python
django重新生成数据库中的某张表方法
2019/08/28 Python
Django-Scrapy生成后端json接口的方法示例
2020/10/06 Python
HTML5 CSS3给网站设计带来出色效果
2009/07/16 HTML / CSS
CSS3实现时间轴特效
2020/11/02 HTML / CSS
能否解释一下XSS cookie盗窃是什么意思
2012/06/02 面试题
如何提高MySql的安全性
2014/06/19 面试题
广告学专业应届生求职信
2013/10/01 职场文书
win sever 2022如何占用操作主机角色
2022/06/25 Servers