同一个页面提交多个form表单方法（详细）

办法1.同一个页面中建立两个表单各自提交：

<form action="?" name="form1" id="form1"><!-- 表单内容 -->
<input type="submit" />
</form>
<form action="?" name="form1" id="form1"><!-- 表单内容 -->
<input type="submit"  />
</form>

办法2：如果非要只有一个表单的话，通过js提交：

<script type="text/javascript" language="javascript">
function submitYouFrom(path){$('form1').action=path;$('form1').submit();
}
</script>
<form action="?" name="form1" id="form1"><!-- 表单内容 -->
<input type="button" value="提交1" onclick="submitYouFrom('地址一')"/>
<input type="button" value="提交2" onclick="submitYouFrom('地址二')"/>
</form>

方法3：

function submitYouFrom(mets,path){$("#form1").attr("action",path); $("#form1").attr("method",mets); $('#form1').submit();
}
submitYouFrom('方式',‘路径');

利用插件的方法：使用插件在一个html页面实现多个form表单提交的方法实例。

同一个页面提交多个form表单方法（详细）相关推荐

所有表单对象_Laravel 表单方法伪造与 CSRF 攻击防护
1.表单方法伪造有时候,我们可能需要手动定义发送表单数据所使用的 HTTP 请求方式,而 HTML 表单仅支持 GET 和 POST 两种方式,如果要使用其他的方式,则需要自己来定义实现. HTTP ...
一个页面上多个form表单的用json数据格式提交到后台
在项目开发中遇到多个表单需要提交到后台,而且其中包含一些table数据,所以最后经过查询资料总结出以下方法:(我用的前端框架是layui其他的思想应该是一样的) 在看代码之前先说一下我的思路,因为代码 ...
php form提交跳转,form表单页面跳转方式提交练习
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 //form表单提交练习 /*新建一个form.html网页用来书写前端HTML表单*/ 表单提交练习姓名: 年龄: 电话: 地址: QQ: 自我评价: ...
ajax 模拟表单提交,Ajax模拟Form表单提交，含多种数据上传
---恢复内容开始--- Ajax提交表单.使用FormData提交表单数据和上传的文件(这里的后台使用C#获取,你可以使用Java一样获取) 有时候前台的数据提交到后台,不想使用form表单上传,希 ...
表单ajax提交插件,jQuery Form 表单提交插件-----ajaxSubmit() 的应用
Form Plugin API 里提供了很多有用的方法可以让你轻松的处理表单里的数据和表单的提交过程. 测试环境:部署到Tomcat中的web项目. 一.ajaxSubmit() 介绍立即通过AJA ...
html form提交前验证,form表单提交前验证实现方法
form表单提交前验证实现方法2017-11-26 20:54 form表单提交是网站中最常见的,基本上所有的网站都会用到. 除非你就一些静态网页,仅仅是展示,而不需要互动,所以不需要提交表单. 但是 ...
html+form+提交json数据,form表单提交json格式数据
我的实践整理.java 方式一: 发送数据web $(':submit').on('click',function(){ $.ajax({ url:"buy", type:&quo ...
php+提交和重置按钮传值,JS提交和重置form表单
本节示例讲解 JavaScript 的提交 form 表单和重置 form 表单. 提交表单使用和标签都可以定义提交按钮,只要将 type 属性值设置为"submit"即可, ...
Element Ui使用技巧——Form表单的校验规则rules详细说明；element的 form 表单rules详细用法
本文章是在项目开发时遇到问题看到的一片好文, 摘录自[博客园]–[逍遥云天]. 感谢作者地址 – https://www.cnblogs.com/xyyt/p/13366812.html 在 [逍遥 ...

同一个页面提交多个form表单方法（详细）

同一个页面提交多个form表单方法（详细）相关推荐

最新文章

热门文章