一个页面提交多个表单

 1 办法1.同一个页面中建立两个表单 各自提交:
 2
 3 <form action="?" name="form1" id="form1">
 4  <!-- 表单内容 -->
 5 <input type="submit" />
 6 </form>
 7 <form action="?" name="form1" id="form1">
 8  <!-- 表单内容 -->
 9 <input type="submit"  />
10 </form>
11
12 办法2:如果非要只有一个表单的话,通过js提交:
13
14 <script type="text/javascript" language="javascript">
15 function submitYouFrom(path){
16  $(‘form1‘).action=path;
17  $(‘form1‘).submit();
18 }
19 </script>
20 <form action="?" name="form1" id="form1">
21
22  <!-- 表单内容 -->
23 <input type="button" value="提交1" onclick="submitYouFrom(‘地址一‘)"/>
24 <input type="button" value="提交2" onclick="submitYouFrom(‘地址二‘)"/>
25 </form>
26
27 方法3:
28
29 function submitYouFrom(mets,path){
30        $("#form1").attr("action",path);
31        $("#form1").attr("method",mets);
32        $(‘#form1‘).submit();
33 }
34 submitYouFrom(‘方式‘,‘路径‘);

原文地址:https://www.cnblogs.com/yangguoe/p/8527588.html

时间: 2024-11-03 09:03:06

一个页面提交多个表单的相关文章

每天一个JavaScript实例-防止重复表单提交

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>每天一个JavaScript实例-防止重复表单提交</title> <style> #refresh{ display: none; width:200px; height

只允许提交一次表单

在提交表单时,如果服务器响应速度慢,或者因为别的什么原因,导致按下提交出现“没反应”的情况,这是就要限制只允许提交一次表单以减轻服务器压力 有两种方式: 1.提交之后禁用按钮  2.提交之后取消后续的表单操作 第一种: document.getElementById('提交按钮').disable==true; //将按钮禁用,不过缺点是可以通过回车来提交 第二种: window.onload=function(){ var form=document.getElementById('form'

asp.net页面输出js,页面顶部、form表单前面与后面

Response.Write 与   Page.ClientScript.RegisterStartupScript 与 Page.ClientScript.RegisterClientScriptBlock 之间的区别 方法1,使用Response.Write,这种方法会把JS代码写在页面的最顶部(<html>的前面):System.Web.HttpContext.Current.Response.Write("<script language=javascript>a

通过AJAX和PHP,提交JQuery Mobile表单

通过AJAX和PHP,提交JQuery Mobile表单   File name: callajax.php <?php $firstName = $_POST[firstName]; $lastName = $_POST[lastName]; echo("First Name: " . $firstName . " Last Name: " . $lastName); ?> File name: index.php <!DOCTYPE html&

沫沫金 - jQuery序列化form表单【支持ajax提交form对象表单entity.xxx】

需要form表单提交,大表单对字段后台人工处理太麻烦.还是选择form表单对象(entity.xx)提交方便,那么怎么ajax提交这样的form对象表单呢? 命名jquery.commons.js内容如下 /**  * FORM对象表单ajax提交前数据处理方法  * @param frm  * @returns JSON Object  */ function getFormJson(frm) {     var o = {};     var a = $(frm).serializeArra

Bootstrap页面布局11 - BS表单

<input type='text' value='' placeholder='输入您的用户名' class='input-mini' /> ①几个类控制文本框长度 input-mini:最小 如图: input-small:次小 如图: input-medium:中等 如图: input-max:最长 如图: spanN:N代表数字,最大12,N表示1个网格的宽度 例如:span4表示对应的input框占用4个网格的宽度 ②属性:placeholder="输入您的用户名"

Jquery serialize()提交多个表单数据

ajax提交多个表单数据: 先把不同的表单分别用serialize()函数,然后把序列化后的数据用+拼接提交给后台,具体例子如下 var data1 = $('#form1).serialize(); var data2 = $('#form2).serialize(); $.ajax({     url: url,     type: 'POST',     dataType: 'json',     data: data1+data2,    success: function (resul

ajax提交与普通表单提交的优缺点

一般需要提交整个表单,那么我们就需要提交form表单.比如查询,分页这种. 如果只是做局部刷新,那么可以采用异步ajax提交.这样请求的时候只用传需要的参数,然后请求成功后也不用整体刷新页面,只用局部刷新,这样节省了带宽, 比如我们采用ajax删除的时候. 所以当需要整体刷新的时候,那么就可以采用表单提交. 当要局部刷新的时候,我们采用ajax请求. 提交form表单: function query(){ var frm = document.getElementById("frm")

Ajax提交与传统表单提交的区别说明

Ajax提交是通过js来提交请求,请求与响应均由js引擎来处理,页面不会刷新,用户感觉不到实际上浏览器发出了请求.比如说我们希望网页总是显示最新的新闻,而又不想老是去点刷新按钮,我们就可以用Ajax机制来实现.网上的客服软件也是ajax请求的一个比较好的案例.传统的请求页面将实现刷新,因此局限性很大. 1.为什么用AJAX?使用AJAX,用户对Web的体验会更“敏捷”:数据提交页面不会闪屏:页面局部更新速度快:网络带宽占用低. 2.AJAX开发相较传统模式的简单之处:传统模式下,表单提交则整个页