同一个表单可以根据用户的选择,提交给不同的后台处理程序。即,表单的分向提交。
如:在编写论坛程序时,如果我们希望实现用户在发送贴子的时候,既发送提交功能又有预览功能时,就会遇到上述问题。
即,当用户点击提交按钮时,我们希望表单提交给"提交"处理程序;而当用户点击预览按钮时,我们希望表单提交 给"预览"处理程序。那么,如何实现上述功能呢?下面代码可以很好的解决这个问题。
<form name="form" method="post"> 测试表单:<input name="test"><br> <input type="button" value="提交" onClick=send()> <input type="button" value="预览" onClick=preview()> </form> <script language=javascript> function send() { document.form.action="send.asp" document.form.submit() } function preview() { document.form.action="preview.asp" document.form.submit() } </script>
关于上面实例的两点说明:
1、在整个表单中,不应有名字为action或submit的标签,否则将会产生"对象不支持此属性和方法"的错误。如代码 "<input type='xxxx' name='action' >"在表单中是不允许出现的;
2、在form标签中应该存在name属性。即,应该给表单取一个名字。语句document.form.action和document.form.submit中的"form"也就是表单的名字。
表单的分向提交不仅仅使用在论坛的程序中,它还可以运用在许多场合下。恰当的运用表单的分向提交功能可以大大的增强网站的人性化程度。
昨天,我调试程序就出现了这样的问题,就是出现了"对象不支持此属性和方法"的错误,一直无法定位出来,都快疯掉了,后来在发现一个button命名为submit了。
1.-------- <form name="formname" action=""> <input name="inputname"> <input type="submit" onclick="document.formname.action='a.asp'" value="button a"> <input type="submit" onclick="document.formname.action='b.asp'" value="button b"> <input type="submit" onclick="document.formname.action='c.asp'" value="button c"> </form> 2.---------- <input type=button name="a" value="a" onclick="this.form.action='a.asp';this.form.submit();"> <input type=button name="b" value="b" onclick="this.form.action='b.asp';this.form.submit();"> <input type=button name="c" value="c" onclick="this.form.action='c.asp';this.form.submit();"> <input type=button name="d" value="d" onclick="this.form.action='d.asp';this.form.submit();">
相关推荐
// 阻止默认的表单提交行为 var submitButton = document.getElementById('submitButton'); if (!submitButton.disabled) { submitButton.disabled = true; // 提交表单的逻辑 } }); ``` 2. **使用一次性...
在使用Layui设计表单时,经常会遇到表单提交后页面刷新导致的重复提交问题。为了解决这个问题,开发者需要确保表单只提交一次,防止不必要的数据重复处理或者服务器的重复计算。下面详细解释几种防止Layui表单重复...
js验证表单大全,用JS控制表单提交 ,javascript提交表单
【分类留言系统(表单提交)源代码】是基于ASP技术构建的一款互动性强、功能完善的网络应用,主要用于网站用户之间的信息交流与反馈。ASP(Active Server Pages)是微软开发的一种服务器端脚本语言,用于生成动态...
在Form表单提交中,POST方法会将表单数据封装在请求体中发送到服务器,而不是像GET那样将其附加到URL后面。这样可以确保数据的安全性,并且对数据长度没有限制。 二、C#实现POST表单提交的步骤 1. 创建HTTP客户端:...
在Web开发中,表单提交是一项基础且关键的操作,它允许用户向服务器发送数据进行处理。然而,如果没有适当处理,可能会出现表单重复提交的问题,这可能导致数据的不一致性和服务器资源的浪费。本篇文章将深入探讨...
提交表单后提交禁用提交按钮,防止重复提交.
在这个框架中,表单提交和异步提交是两种重要的用户交互方式。本文将深入探讨这两种方法及其在实际开发中的应用。 首先,我们来看传统的表单提交。在ASP.NET MVC3中,表单提交是基于HTTP协议的POST或GET请求。当你...
本文实例讲述了JS提交form表单。分享给大家供大家参考,具体如下: 一、javascript 页面加裁时自动提交表单: Form表单: <form method="post" id="myform" action="a.php"> <input type="submit" value=...
通过它们,我们可以模拟浏览器的行为,向网页发送POST或GET请求,从而提交表单数据,或者获取网页的响应内容。 1. **表单数据的提交**: - 使用`HttpWebRequest`创建一个指向网页URL的对象,设置其Method属性为...
在ASP中,表单提交是网页与服务器间数据交互的关键环节。本文将深入探讨ASP表单提交源码及其相关知识点。 一、ASP表单基础 在HTML中,表单元素(`<form>`)用于收集用户输入的数据。当用户点击提交按钮时,这些...
在处理用户交互时,尤其是表单提交,一个常见的问题是防止表单的重复提交。这可能导致数据的不一致性和其他问题。本文将深入探讨如何在Struts框架中利用Token机制来解决这个问题。 一、表单重复提交问题 表单重复...
这个“简单的ASP表单提交到后台的源码”示例,很可能是为了教学或实践目的,帮助初学者理解ASP中的表单数据处理流程。 首先,我们需要理解表单(Form)在HTML中的作用。表单是用户与网站交互的重要方式,通过表单,...
// 阻止默认的表单提交行为 $.ajax({ url: $(this).attr('action'), type: $(this).attr('method'), data: $(this).serialize(), success: function(response) { // 处理返回的数据 }, error: function(xhr...
在PHP开发中,有时我们需要模拟用户通过HTML表单提交数据,包括文件和图片。`cURL`库提供了一个强大的功能,允许我们实现这样的任务。在本文中,我们将深入探讨如何使用PHP的cURL库来模仿form表单提交,特别是提交...
本文将详细解释如何使用JavaScript进行表单提交以及表单验证,并通过具体的示例代码来展示各种常见验证方法。 #### 一、基本概念 表单验证是指在用户提交表单前对用户输入的数据进行检查的过程,以确保数据的有效...
易语言网页表单自动提交例程源码,网页表单自动提交例程,获取网页对象,获取表单列表,取网页信息,取表单信息,刷新IE列表,枚举IE窗口,取句柄,取标题,取窗口数量,参数列表,提交,ObjectFromLresult,RegisterWindowMessage...
在.NET开发环境中,后台提交表单并返回结果是常见的网页交互模式,主要涉及HTML表单、HTTP请求以及服务器端的处理...在实际开发中,还需要考虑安全性、性能优化以及用户体验等多个方面,确保表单提交过程的顺畅和安全。