用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中匿名函数的N种写法
Sep 08 Javascript
javascript实现回车键提交表单方法总结
Jan 10 Javascript
jQuery链使用指南
Jan 20 Javascript
jQuery实现ajax调用WCF服务的方法(附带demo下载)
Dec 04 Javascript
JS多文件上传的实例代码
Jan 11 Javascript
js手机号批量滚动抽奖实现代码
Apr 17 Javascript
Ajax基础知识详解
Feb 17 Javascript
详解在Angularjs中ui-sref和$state.go如何传递参数
Apr 24 Javascript
Angular4学习之Angular CLI的安装与使用教程
Jan 04 Javascript
微信小程序wx.uploadfile 本地文件转base64的实现代码
Jun 28 Javascript
create-react-app安装出错问题解决方法
Sep 04 Javascript
layui的表单验证支持ajax判断用户名是否重复的实例
Sep 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
PHP 5.0 Pear安装方法
2006/12/06 PHP
解析MySql与Java的时间类型
2013/06/22 PHP
php.ini中的request_order推荐设置
2015/05/10 PHP
php根据用户语言跳转相应网页
2015/11/04 PHP
Zend Framework入门知识点小结
2016/03/19 PHP
PHP学习记录之数组函数
2018/06/01 PHP
PHP number_format函数原理及实例解析
2020/07/14 PHP
jQuery 跨域访问问题解决方法
2009/12/02 Javascript
字符串的replace方法应用浅析
2011/12/06 Javascript
jQuery实现复选框成对选择及对应取消的方法
2015/03/03 Javascript
浅析AngularJS中的生命周期和延迟处理
2015/06/18 Javascript
JS实现状态栏跑马灯文字效果代码
2015/10/24 Javascript
基于JS代码实现图片在页面中旋转效果
2016/06/16 Javascript
jQuery特殊符号转义的实现
2016/11/30 Javascript
JavaScript正则表达式exec/g实现多次循环用法示例
2017/01/17 Javascript
jQuery实现弹窗下底部页面禁止滑动效果
2017/12/19 jQuery
JavaScript实现的文本框placeholder提示文字功能示例
2018/07/25 Javascript
jQuery扩展方法实现Form表单与Json互相转换的实例代码
2018/09/05 jQuery
Vue之封装公用变量以及实现方式
2020/07/31 Javascript
分享15个最受欢迎的Python开源框架
2014/07/13 Python
python 循环遍历字典元素的简单方法
2016/09/11 Python
Caffe均值文件mean.binaryproto转mean.npy的方法
2018/07/09 Python
Python实现基于PIL和tesseract的验证码识别功能示例
2018/07/11 Python
Django使用中间键实现csrf认证详解
2019/07/22 Python
python关闭占用端口方式
2019/12/17 Python
Python中常见的数制转换有哪些
2020/05/27 Python
巧用CSS3 border实现图片遮罩效果代码
2012/04/09 HTML / CSS
使用CSS禁止textarea调整大小功能的方法
2015/03/13 HTML / CSS
利用SVG和CSS3来实现一个炫酷的边框动画
2015/07/22 HTML / CSS
基于CSS3的animation属性实现微信拍一拍动画效果
2020/06/22 HTML / CSS
澳大利亚最大的护发和护肤品购物网站:RY
2019/12/26 全球购物
党支部反对四风思想汇报
2014/10/10 职场文书
2015年安全生产工作总结范文
2015/04/02 职场文书
2015年业务工作总结范文
2015/04/10 职场文书
乔迁新居祝福语
2019/11/04 职场文书
浅谈Nginx 中的两种限流方式
2021/03/31 Servers