用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 相关文章推荐
从阿里妈妈发现的几个不错的表单验证函数
Sep 21 Javascript
JavaScript DOM学习第一章 W3C DOM简介
Feb 19 Javascript
Javascript中的arguments与重载介绍
Mar 15 Javascript
JS+CSS实现的简单折叠展开多级菜单效果
Sep 12 Javascript
JS实现的网页背景闪电闪烁效果代码
Oct 17 Javascript
jQuery实现选中弹出窗口选择框内容后赋值给文本框的方法
Nov 23 Javascript
js仿淘宝商品放大预览功能
Mar 15 Javascript
JavaScript实现简单的双色球(实例讲解)
Jul 31 Javascript
使用Node.js实现base64和png文件相互转换的方法
Mar 11 Javascript
使用next.js开发网址缩短服务的方法
Jun 17 Javascript
Vue props中Object和Array设置默认值操作
Jul 30 Javascript
vue-axios同时请求多个接口 等所有接口全部加载完成再处理操作
Nov 09 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
如何用C语言编写PHP扩展的详解
2013/06/13 PHP
php取整函数ceil,floo,round的用法及介绍
2013/08/31 PHP
CI框架验证码CAPTCHA辅助函数用法实例
2014/11/05 PHP
php实现汉字验证码和算式验证码的方法
2015/03/07 PHP
php传值赋值和传地址赋值用法实例分析
2015/06/20 PHP
php实现解析xml并生成sql语句的方法
2018/02/03 PHP
PDO::errorInfo讲解
2019/01/28 PHP
详解CSS样式中的 !important * _ 符号
2021/03/09 HTML / CSS
JQuery 表单中textarea字数限制实现代码
2009/12/07 Javascript
jQuery ajax cache缓存问题
2010/07/01 Javascript
javascript 单例/单体模式(Singleton)
2011/04/07 Javascript
基于jquery tab切换(防止页面刷新)
2012/05/23 Javascript
利用Javascript判断操作系统的类型实现不同操作系统下的兼容性
2013/01/29 Javascript
Extjs中通过Tree加载右侧TabPanel具体实现
2013/05/05 Javascript
JS实现拖动示例代码
2013/11/01 Javascript
JS事件在IE与FF中的区别详细解析
2013/11/20 Javascript
javascript多行字符串的简单实现方式
2015/05/04 Javascript
完美实现八种js焦点轮播图(上篇)
2016/07/18 Javascript
js实现砖头在页面拖拉效果
2020/11/20 Javascript
JavaScript实现一个简易的计算器实例代码
2018/05/10 Javascript
Vue如何实现监听组件原生事件
2020/07/03 Javascript
解决echarts图表使用v-show控制图表显示不全的问题
2020/07/19 Javascript
浅析Python中的多进程与多线程的使用
2015/04/07 Python
详解Python中expandtabs()方法的使用
2015/05/18 Python
Python书单 不将就
2017/07/11 Python
tensorflow学习教程之文本分类详析
2018/08/07 Python
Python采集猫眼两万条数据 对《无名之辈》影评进行分析
2018/12/05 Python
Python requests模块实例用法
2019/02/11 Python
python删除列表元素的三种方法(remove,pop,del)
2019/07/22 Python
Python利用scapy实现ARP欺骗的方法
2019/07/23 Python
python 画图 图例自由定义方式
2020/04/17 Python
浅谈Html5多线程开发之WebWorkers
2018/05/02 HTML / CSS
美国唇部护理专家:Sara Happ
2019/06/19 全球购物
团组织关系介绍信
2014/01/12 职场文书
舞蹈专业大学生职业规划范文
2014/03/12 职场文书
中学生英语演讲稿
2014/04/26 职场文书