用js提交表单解决一个页面有多个提交按钮的问题

更新时间：2014年09月01日 15:48:18 投稿：whsnow

这篇文章主要介绍了用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本，然后再执行相应的动作，需要的朋友可以参考下

用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>

您可能感兴趣的文章:

使用不同的方法结合/合并两个JS数组
这是一篇关于JavaScript数组使用的一些技巧，我们将使用不同的方法结合/合并两个JS数组，以及讨论每个方法的优点/缺点
2014-09-09
JavaScript jquery及AJAX小结
其实在学习之前，就已经用上了js，jquery和ajax，不过当时不清楚这些的区别，就全都当成js来看，然后别人一说jquery，ajax都觉得好像很高级，等到自己学习的时候，倒是对这些更清楚了一点，下面就来写一下我的总结
2016-01-01
JS中call()和apply()的功能及用法实例分析
这篇文章主要介绍了JS中call()和apply()的功能及用法,结合实例形式详细分析了JS中call()和apply()的功能、区别、使用方法及相关操作注意事项,需要的朋友可以参考下
2019-06-06
JS中用三种方式实现导航菜单中的二级下拉菜单
我们在淘宝、搜狐等大型网站上都可以看到使用的一些二级下拉菜单，比如下面这张图片。那么如何实现导航菜单栏中的二级下拉菜单呢？下面小编给大家分享JS中用三种方式实现导航菜单中的二级下拉菜单，感兴趣的朋友一起看看吧
2016-10-10
浅谈Webpack是如何打包CommonJS的
CommonJS是Node中的一种模块化规范，本文主要介绍了Webpack是如何打包CJS的，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-05-05
js让一行页脚保持在底部
所谓保持在底部就是: 在内容不超过一屏的情况下, 当浏览器窗口变小那行页脚文字会跟着向上浮动但还是保持在底部。当内容多出一屏时，他显示在网页的最下边，而不是窗口的最下边；
2008-04-04
JS中去掉if...else的多种方法
在JavaScript编程中,过多的if...elseif...else语句可能导致代码难以维护,可以通过switch语句、对象字面量、函数映射、数组或映射对象分发、提前返回以及使用数组的find方法来优化这种复杂的条件判断,提高代码的可读性和维护性,下面就来介绍一下
2024-09-09
JavaScript通过事件代理高亮显示表格行的方法
这篇文章主要介绍了JavaScript通过事件代理高亮显示表格行的方法,涉及javascript事件代理及页面元素的操作技巧,需要的朋友可以参考下
2015-05-05
JavaScript定时器原理详解
这篇文章主要介绍了JavaScript定时器原理,setTimeout()方法用于设置一个定时器，该定时器在定时器到期后执行调用函数,文章围绕JavaScript定时器相关资料展开以下内容,需要的朋友可以参考一下
2021-12-12
webpack该如何打包(打包流程)
这篇文章主要介绍了webpack该如何打包及打包流程,本文通过图文示例相结合给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧
2023-12-12

用js提交表单解决一个页面有多个提交按钮的问题

相关文章

最新评论

大家感兴趣的内容

最近更新的内容

常用在线小工具