`

巧用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==提交)...

    一个from表单提交多个功能

    首先,我们需要构建一个包含多个按钮的表单: ```html &lt;!-- 提交按钮 --&gt; 提交" /&gt; &lt;!-- 功能按钮 --&gt; 功能1" onclick="fun('btn1')" /&gt; 功能2" onclick="fun('btn2')" /&gt; 功能3" onclick="fun('btn3')" /...

    javascript方式防止表单重复提交

    4. **页面跳转或显示提示**:一旦表单成功提交,立即跳转到另一个页面或显示一个提示信息,告知用户操作已完成,阻止他们继续提交。这也可以通过Ajax完成。 5. **使用sessionStorage或localStorage**:存储用户已...

    js实现定时提交表单

    在在线考试系统中,定时提交表单是一个关键功能,它确保考生在规定时间结束后自动提交试卷,防止作弊并保证考试公平性。下面将详细介绍如何使用JavaScript实现定时提交表单的功能。 首先,我们需要理解表单(Form)...

    layui一个页面使用多个文件upload上传按钮

    本篇文章将详细讲解如何在layui中实现一个页面上使用多个独立的文件上传按钮,以及相关的配置和注意事项。 首先,layui的upload组件是基于HTML5的File API构建的,支持多文件选择、预览、上传进度显示等功能。在...

    表单点击提交按钮后变成灰色.rar

    在JavaScript编程中,表单(Form)是网页交互的核心元素之一,用户通过填写表单并提交数据给服务器。"表单点击提交按钮后变成灰色"这个现象通常涉及到表单提交的处理逻辑,以及用户体验设计。当用户点击提交按钮后,...

    防止Layui form表单重复提交的实现方法

    为了解决这个问题,开发者需要确保表单只提交一次,防止不必要的数据重复处理或者服务器的重复计算。下面详细解释几种防止Layui表单重复提交的方法。 首先,在HTML表单中,为了避免在提交时页面刷新导致的重复提交...

    弹出层表单提交数据完美解决

    总结来说,实现弹出层表单提交数据完美解决,需要关注表单的设计、数据验证、异步通信、安全性以及用户体验等多个方面。通过合理的HTML结构、CSS样式和JavaScript交互,我们可以创建出用户友好且安全的弹出层表单...

    [Jsp]防止页面表单重复提交的解决方法

    在Web开发中,尤其是使用JavaServer Pages (JSP) 技术时,页面表单的重复提交是一个常见的问题。这可能会导致数据不一致或者服务端处理逻辑错误。本篇文章将探讨如何有效地防止JSP页面中的表单重复提交,确保系统的...

    在IE的模式窗口中,通过表单提交到本页,并通过javascript获取提交的参数

    然而,这里提到的是一个特殊的情况,即表单数据被提交到同一个页面,并且页面使用JavaScript来捕获和处理这些提交的参数。 在Web开发中,表单提交是用户与网页交互的重要方式,常用于收集用户输入的数据。表单通过`...

    按钮的Ajax请求时一次点击两次提交的解决方法

    这是因为如果未正确处理,一个简单的按钮点击可能会导致Ajax请求和表单提交同时发生,造成不期望的重复提交问题。 当使用HTML表单提交数据时,点击类型为submit的按钮默认会触发表单的提交。在使用JavaScript的Ajax...

    js屏蔽前台提交按钮

    在网页开发中,JavaScript(简称JS)是一种广泛使用的客户端脚本语言,用于增强用户交互和动态页面内容。在处理表单提交时,为了防止用户快速连续点击提交按钮导致多次请求,或者由于网络延迟使得用户误认为提交未...

    js简单获取表单中单选按钮值的方法

    单选按钮(Radio Button)是表单元素中用于在多个选项中只选择一个选项的一种控件。在JavaScript中,获取单选按钮的值是一个基础而重要的操作。本文将介绍如何使用JavaScript简单地获取表单中单选按钮的值,并涉及到...

    巧用JavaScript创建智能表单效果

    ### 巧用JavaScript创建智能表单效果 在现代网页开发中,使用JavaScript来增强用户体验是一项基本且关键的技术。本文将详细介绍如何通过JavaScript实现智能表单验证,并探讨如何使用字符串处理功能来进一步提升表单...

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

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

    修改禁止多次重复提交

    总的来说,防止用户多次重复提交是一个多维度的解决方案,需要前端、后端和数据库共同协作。前端通过禁用按钮防止用户快速点击,后端通过session或token机制确保请求的独特性,数据库则作为最后一道防线,确保数据的...

    jsp页面js调用form表单的值的方法

    ### JSP 页面中 JS 调用 Form 表单的值的方法 在 Web 开发中,JSP(Java Server Pages)是一种广泛使用的服务器端技术,它允许开发者将动态内容嵌入到静态 HTML 页面中。本篇文章主要介绍如何在 JSP 页面中通过 ...

Global site tag (gtag.js) - Google Analytics