`

巧用js灵活提交表单,解决一个页面有多个提交按钮

阅读更多
function check(txt){
$j("form").submit(function(){
					if($txt=="提交"){
						this.action="doAddMessage.action?button=提交";
						this.submit();
						}else{
							this.action="doAddMessage.action?button=保存";
							this.submit();
						}
					});
				}
 <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)"/>


例如:页面中有两个图片按钮的提交,我们这个时候可以给他们都绑定onclick事件,这个时候我们借助jquery的form表单有个事件,叫做submit的。

如图,由于,我的项目里面用了dwr,我把jquery的控制权转让给dwr,jquery重新指定 了一个$j,我们获取表单,然后使用submit事件,通过判断value的值,从而可以进行多个页面的跳转。

分享到:
评论

相关推荐

    巧用js提交表单轻松解决一个页面有多个提交按钮

    代码如下: ”javascript” name=”code”&gt;function check(txt){ $j(“form”).submit(function(){ if($txt==”提交”){ this.action=”doAddMessage.action?button=提交”; this.submit(); }else{ this.action=”...

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

    用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本,然后再执行相应的动作,比较简单。 &lt;pre class=javascript name=code&gt;function check(txt){ $j(form).submit(function(){ if($txt==提交)...

    JavaScript表单即时验证 验证不成功不能提交

    这个JavaScript的关键是onChange()事件,使用onKeyUp()事件完成是不行的,人家没有输入完毕,你就说人家不对,多不友好啊╮(╯▽╰)╭ 一、基本目标 一个表单认证页,如果输入的用户名超过10位则会立即在输入框旁边...

    Javascript 同时提交多个Web表单的方法

    一般的需求是允许用户单独提交其中任何一个表单到下一个页面进行修改操作(也就是说页面有4个不同的修改按钮,点击哪个按钮则只提交某一个表单的数据到服务器,并根据表单的action)。 现在有这样的需求,允许用户...

    用Javascript同时提交多个Web表单的方法

    一般的需求是允许用户单独提交其中任何一个表单到下一个页面进行修改操作(也就是说页面有4个不同的修改按钮,点击哪个按钮则只提交某一个表单的数据到服务器,并根据表单的action)。 现在有这样的需求,允许用户...

    浅析一个表单多个Submit按钮的简单实现方法

    Submit按钮是实现表单内容提交的一个至关重要的对象。本文在简单介绍一个表单单个Submit按钮的提交处理方法的基础上,重点讨论了一个表单多个Submit按钮的三种简单而常用的实现方法

    表单提交类

    因为经常提交表单,所以总是麻烦的修改来修改去,所以做个类,方便了。 ------------------------ 程序名称:表单提交类 类名称:clsSubmit 说明:本程序由小召fengtingyun@126.com制作,欢迎大家使用或者提意见! ...

    关于layui表单中按钮自动提交的解决方法

    layui表单中的按钮会自动提交,这是一个很麻烦的事情。 这几天项目中多次用到表单按钮,仔细研究了下,找到了解决方法: 1、如果不需要放在表单中的按钮,最好不要放在表单中,不在layui的form中的按钮就不会进行...

    几种防止表单重复提交的方法

    表单重复提交是在多用户Web应用中最常见、带来很多麻烦的一个问题。有很多的应用场景都会遇到重复提交问题,比如: 点击提交按钮两次。 点击刷新按钮。 使用浏览器后退按钮重复之前的操作,导致重复提交表单。 使用...

    JS和jQuery使用submit方法无法提交表单的原因分析及解决办法

    昨天,在做一个表单异步提交内容的时候,遇到很奇怪的问题,submit()方法无法进行提交,每次提交都是把 当前给刷新了,网络抓包发现,每次都是 get方式去获取 当前页面,完全没有post 请求,想着以前 遇上这样的问题...

    通用JS表单验证

    使用时请将下面的javascript代码存到一个单一的js文件中。 1、表单要求 (this)"&gt; 将对表单中的所有以下类型的域依次验证,所有验证是去除了前导和后缀空格的,要注意是区分大小写的。 2、空值验证 表单中任意域...

    js实现表单多按钮提交action的处理方法

    用JS实现一个表单多个按钮的方法,两个onclick事件处理,代码如下: &lt;html&gt; &lt;head&gt; [removed] function submitit1() //交由程序1处理 { document.myForm.action = "http://www.site.com/cgi1.php"...

    常见表单重复提交问题整理及解决方法

    /** * * @authors Benjamin * @date 2013-11-13 10:16:59 */ 一、常见的重复提交问题 a&gt;点击提交按钮两次。 b&gt;点击刷新按钮。 c&gt;使用浏览器后退按钮重复之前的操作,导致重复提交表单。 d&gt;使用浏览器历史记录重复...

    js 点击按钮弹出层

    代码非常简单,点击按钮能弹出一个遮罩层,如有不足,请继续补充

    js表单验证 表单验证类 整合

    Validator是基于JavaScript技术的伪静态类和对象的自定义属性,可以对网页中的表单项输入进行相应的验证,允许同一页面中同时验证多个表单,熟悉接口之后也可以对特定的表单项甚至仅仅是某个字符串进行验证。...

    JS多个表单数据提交下的serialize()应用实例分析

    本文实例讲述了JS多个表单数据提交下的serialize()应用。分享给大家供大家参考,具体如下: 在实际开发场景中,难免遇到需要多个表单的数据传递问题。 之所以要进行多表单的数据传递是因为可以进行数据分组,便于...

    防止用户将表单重复提交的方法汇总

    表单重复提交是在多用户Web应用中最常见、带来很多麻烦的一个问题。有很多的应用场景都会遇到重复提交问题,比如: 点击提交按钮两次。 点击刷新按钮。 使用浏览器后退按钮重复之前的操作,导致重复提交表单。 使用...

    js使用formData实现批量上传

    利用FormData对象,我们可以通过JavaScript用一些键值对来模拟一系列表单控件,我们还可以使用XMLHttpRequest的send()方法来异步的提交这个”表单”.比起普通的ajax,使用FormData的最大优点就是我们可以异步上传一个二...

Global site tag (gtag.js) - Google Analytics