`
zhangjim
  • 浏览: 53011 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

表单分向提交

阅读更多

        同一个表单可以根据用户的选择,提交给不同的后台处理程序。即,表单的分向提交。

        如:在编写论坛程序时,如果我们希望实现用户在发送贴子的时候,既发送提交功能又有预览功能时,就会遇到上述问题。

        即,当用户点击提交按钮时,我们希望表单提交给"提交"处理程序;而当用户点击预览按钮时,我们希望表单提交 给"预览"处理程序。那么,如何实现上述功能呢?下面代码可以很好的解决这个问题。 

 

 

<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();"> 

 

 

分享到:
评论

相关推荐

    javascript方式防止表单重复提交

    // 阻止默认的表单提交行为 var submitButton = document.getElementById('submitButton'); if (!submitButton.disabled) { submitButton.disabled = true; // 提交表单的逻辑 } }); ``` 2. **使用一次性...

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

    在使用Layui设计表单时,经常会遇到表单提交后页面刷新导致的重复提交问题。为了解决这个问题,开发者需要确保表单只提交一次,防止不必要的数据重复处理或者服务器的重复计算。下面详细解释几种防止Layui表单重复...

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    js验证表单大全,用JS控制表单提交 ,javascript提交表单

    分类留言系统(表单提交)源代码

    【分类留言系统(表单提交)源代码】是基于ASP技术构建的一款互动性强、功能完善的网络应用,主要用于网站用户之间的信息交流与反馈。ASP(Active Server Pages)是微软开发的一种服务器端脚本语言,用于生成动态...

    防止表单重复提交

    在Web开发中,表单提交是一项基础且关键的操作,它允许用户向服务器发送数据进行处理。然而,如果没有适当处理,可能会出现表单重复提交的问题,这可能导致数据的不一致性和服务器资源的浪费。本篇文章将深入探讨...

    C# Winform和网页表单交互(提交和获取)

    通过它们,我们可以模拟浏览器的行为,向网页发送POST或GET请求,从而提交表单数据,或者获取网页的响应内容。 1. **表单数据的提交**: - 使用`HttpWebRequest`创建一个指向网页URL的对象,设置其Method属性为...

    C# post方式提交Form表单

    在Form表单提交中,POST方法会将表单数据封装在请求体中发送到服务器,而不是像GET那样将其附加到URL后面。这样可以确保数据的安全性,并且对数据长度没有限制。 二、C#实现POST表单提交的步骤 1. 创建HTTP客户端:...

    提交表单后提交禁用提交按钮,防止重复提交

    提交表单后提交禁用提交按钮,防止重复提交.

    asp.net mvc3 表单提交和异步提交

    在这个框架中,表单提交和异步提交是两种重要的用户交互方式。本文将深入探讨这两种方法及其在实际开发中的应用。 首先,我们来看传统的表单提交。在ASP.NET MVC3中,表单提交是基于HTTP协议的POST或GET请求。当你...

    JS提交form表单实例分析

    本文实例讲述了JS提交form表单。分享给大家供大家参考,具体如下: 一、javascript 页面加裁时自动提交表单: Form表单: &lt;form method="post" id="myform" action="a.php"&gt; &lt;input type="submit" value=...

    asp表单提交源码

    在ASP中,表单提交是网页与服务器间数据交互的关键环节。本文将深入探讨ASP表单提交源码及其相关知识点。 一、ASP表单基础 在HTML中,表单元素(`&lt;form&gt;`)用于收集用户输入的数据。当用户点击提交按钮时,这些...

    Struts之Token解决表单那重复提交

    在处理用户交互时,尤其是表单提交,一个常见的问题是防止表单的重复提交。这可能导致数据的不一致性和其他问题。本文将深入探讨如何在Struts框架中利用Token机制来解决这个问题。 一、表单重复提交问题 表单重复...

    简单的ASP表单提交到后台的源码

    这个“简单的ASP表单提交到后台的源码”示例,很可能是为了教学或实践目的,帮助初学者理解ASP中的表单数据处理流程。 首先,我们需要理解表单(Form)在HTML中的作用。表单是用户与网站交互的重要方式,通过表单,...

    js提交表单的三种方式

    // 阻止默认的表单提交行为 $.ajax({ url: $(this).attr('action'), type: $(this).attr('method'), data: $(this).serialize(), success: function(response) { // 处理返回的数据 }, error: function(xhr...

    php curl模仿form表单提交图片或文件

    在PHP开发中,有时我们需要模拟用户通过HTML表单提交数据,包括文件和图片。`cURL`库提供了一个强大的功能,允许我们实现这样的任务。在本文中,我们将深入探讨如何使用PHP的cURL库来模仿form表单提交,特别是提交...

    js提交表单及js表单验证

    本文将详细解释如何使用JavaScript进行表单提交以及表单验证,并通过具体的示例代码来展示各种常见验证方法。 #### 一、基本概念 表单验证是指在用户提交表单前对用户输入的数据进行检查的过程,以确保数据的有效...

    易语言网页表单自动提交例程

    易语言网页表单自动提交例程源码,网页表单自动提交例程,获取网页对象,获取表单列表,取网页信息,取表单信息,刷新IE列表,枚举IE窗口,取句柄,取标题,取窗口数量,参数列表,提交,ObjectFromLresult,RegisterWindowMessage...

    .net 后台提交表单并返回结果

    在.NET开发环境中,后台提交表单并返回结果是常见的网页交互模式,主要涉及HTML表单、HTTP请求以及服务器端的处理...在实际开发中,还需要考虑安全性、性能优化以及用户体验等多个方面,确保表单提交过程的顺畅和安全。

Global site tag (gtag.js) - Google Analytics