多个按钮提交同一个表单

最新推荐文章于 2021-08-19 19:29:56 发布
最新推荐文章于 2021-08-19 19:29:56 发布
阅读量1k 收藏
点赞数 1
分类专栏： J2EE 文章标签： javascript button input action

<form name="f" action="" method="post">
用户名：<input type="text" name="name"/>
密码：<input type="text" name="password"/>
<br />
 <input type="button" value="submit1" οnclick="javascript:document.f.action='login/login1';document.f.submit();" />
 <input type="button" value="submit2" οnclick="javascript:document.f.action='login/login2';document.f.submit();" />
 <input type="button" value="submit3" οnclick="javascript:document.f.action='login/login3';document.f.submit();" />
 <input type="button" value="submit4" οnclick="javascript:document.f.action='login/login4';document.f.submit();" />
</form>

每一步都要留下深脚印
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
巧用js提交表单轻松解决一个页面有多个提交按钮
10-26
使用js提交表单想必大家都会，如果要实现一个页面有多个提交按钮，你会吗？下面有个不错的示例，大家可以感受下
Vue多组件多表单使用一个按钮进行验证以及提交
qq_43364241的博客
01-28 3833
Vue多组件多表单使用一个按钮进行验证以及提交 做的项目需要使用到多个表单，但是我把表单抽成组件，就算是两个组件，每个组件中个有一个表单，我需要使用一个按钮，对这两个表单进行提交以及验证的相关功能。 1.这是我的父组件文件，里面有3个子组件，其中每个子组件中都有一个form表单，我要在父组件中使用一个按钮对子组件中的表单进行同时验证并提交。（ref 是重点要加） 2.使用 Promise 当两个 form1 和 form2 同时校验通过后在将提交逻辑写到 Promise.all 中。（formData 是
同一个页面提交多个form表单方法
ltk1060669897的博客
06-07 4012
办法1.同一个页面中建立两个表单 各自提交： <form action="?" name="form1" id="form1"> <!-- 表单内容 --> <input type="submit" /> </form> <form action="?" name="form1" id="form1"> <!-- 表单内容 --> <input type="submit" /> </form> ...
一个按钮提交两个form表单_【第1535期】前端 Form 的表单的一个通用解决方案
weixin_39751391的博客
11-23 1763
前言今日早读文章由阿里@布达投稿分享。@布达，Alibaba Fusion项目组的。花名潕量。主要专注在设计系统、组件、可视化搭建这个领域正文从这开始～～Fusion Next - Form 表单解决方案前端的Form 表单主要用于解决数据获取、数据校验、数据赋值 这三大类问题。这篇文章里面的提供的解决方案能够比较完美的用在 React 框架上，但是解决问题的思路相信应该是可以使用于任何...
JavaScript表单提交
weixin_44540247的博客
04-28 9676
表单提交在前端编程阶段中也是一个重点。它是由页面数据保存到后台数据库的重要枢纽，通过表单提交的方式将数据上传到数据库进行保存。同时这些数据也包含用户信息、统计信息、日志信息等等。 数据的信息不同，上传的方式也不同。在JavaScript中有四种种表单提交的方式： 一、 Form表单手动提交（get与post） 在没有任何Js代码的影响下，Form表单本身是自带提交功能的。在form元素标签上有两个...
利用js提交form表单的方式
ruolanqingyi的博客
06-27 3万+
第一种方式：表单提交，在form标签中增加onsubmit事件来判断表单提交是否成功&lt;script type="text/javascript"&gt; function validate(obj) { if (confirm("提交表单?")) { alert(obj.value); return true; } els...
struts2中一个表单中提交多个请求的例子（多个提交按钮）
10-26
在很多Web应用中，为了完成不同的工作，一个HTML form标签中可能有两个或多个submit按钮，Struts2中提供了另外一种方法，使得无需要配置可以在同一个action类中执行不同的方法（默认执行的是execute方法）
php实现表单多按钮提交action的处理方法
12-19
用PHP判断，一个表单两个按钮，按钮的name属性设为相同，但值设为不同，表单提交后，只需要判断提交上来的值就可以转到不同的处理过程去，这个方法比较合理，适合多个按钮在一个表单里。 PHP方法，代码如下： <...
用js提交表单解决一个页面有多个提交按钮的问题
12-29
用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本，然后再执行相应的动作，比较简单。 <pre class=javascript name=code>function check(txt){ $j(form).submit(function(){ if($txt==提交)...
from表单多个按钮提交用onclick跳转不同action
12-12
//下面input框提交的action不同，用onclick跳转，写一个js方法 <input type=”button” class=”mulButton” name=”Ids” id=”allcheck” onclick=”manySend(‘ad/BusinessAction!sendmany.action’)” value...
同一个页面中建立两个表单 各自提交
kunkun378263的专栏
05-19 1944
办法1.同一个页面中建立两个表单 各自提交：     办法2：如果非要只有一个表单的话，通过js提交： function submitYouFrom(path){  $('form1').action=path;  $('form1').submit(); }
js提交form表单的两种方法
如梦山河的博客
08-13 1万+
当输入用户名和密码为空的时候，需要判断。这时候就用到了校验用户名和密码，这个需要在前端页面写；有两种方法，一种是用submit提交。一种是用button提交。 方法一： 在jsp的前端页面的头部插入一个js方法： function checkUser(){ var result = document.getElementById("userid").value; var password = document.getElementById("userpassid").value; if(result ==
如何通过纯javascript实现表单提交
tanmx219的博客
01-07 1万+
如何通过纯javascript实现表单提交通常，如果是POST方法，一般使用vuejs+axios，或使用Jquery实现表单提交。有些地方，我想使用纯JS实现，比方简单的登陆跳转。话不多说，看原代码，laravel中的HTML部分，如果不是laravel，去掉 {{csrf_field()}}这一行即可<form class="form-signin" id="myform"> {{csr
一个Form表单处理提交多个submit按钮
shakawjh的专栏
06-26 1万+
例： 1.实现效果 2.页面部分代码     function tongguoAll(){       document.myform.action="/test/servlet/TongguoServlet?method=allY";       document.myform.submit();    }    function tongguoNone
【web开发】js实现表单提交
平凡的世界
08-19 6890
1.方法一 通常表单的提交有两种方式，一是直接通过html的form提交，代码如下： <form action="" method="" id="forms"> <input type="text" name="username" value="" /> <input type="password" name="pwd" value="" /> <input type="submit" value="提交"/> </form&gt
js提交form表单
热门推荐
一直在奋起，一直在路上
08-27 4万+
前段时间将边用边学javascript.pdf书看完了,其中之前最不熟悉的也是这次印象最深刻的就是提交form表单,所以在这里总结一下js提交form表单,以及表单中对应的一些扩展知识O(∩_∩)O~
js的几种提交方式
Only the heart peace will be prosperity
05-06 473
我们经常需要通过js来提交表单或者超链接 1.js提交表单( .submit()方法提交表单 ) function doSearch(){ var action ="&lt;%=path%&gt;/User_queryAllUser"; document.all.form.action = action; document.all.form.submit(); }    ...
一个form表单有多个提交按钮
ITcainiaoyizhan的博客
11-28 2485
思路是这样的：先不指定表单的action，让action属性为""，method=“post”，为你的提交按钮全部替换为普通按钮，给它们都加上onclick事件，注意这里每一个按钮的onclick方法是一样的，只是传递的参数不一样，这里的参数只是起到标记是哪一个按钮的用。 最后根据onclick里的方法传递的参数不同，可以判断是来自哪一个按钮的消息，再为表单设置方法并提交。 这里有个案例（发布文章...
JS提交表单form
daponi的博客
09-02 7004
<table class="table table-striped table-sm"> <tbody> <tr th:each="emp:${emps}"> <td th:text="${emp.id}"></td> <td>[[${emp.lastName}]]</td&gt...
多个form表单共用一个提交
最新发布
05-10
可以使用 JavaScript 来实现多个表单共用一个提交的功能。具体实现步骤如下： 1. 给每个表单添加一个 class 或 ID，用于标识不同的表单。 2. 给提交按钮添加一个点击事件，获取所有表单的数据，并进行提交。 3. 在点击事件中，使用 `document.querySelectorAll()` 方法获取所有表单元素，然后遍历每个表单，获取表单数据，并将数据拼接成一个对象。 4. 最后将获取到的数据对象使用 Ajax 或表单提交方式进行提交。 下面是一个简单的示例代码，供参考： HTML 代码： ```html <form class="form1"> <input type="text" name="username" /> <input type="password" name="password" /> </form> <form class="form2"> <input type="text" name="email" /> <input type="text" name="phone" /> </form> <button id="submitBtn">提交</button> ``` JavaScript 代码： ```js const submitBtn = document.querySelector('#submitBtn'); submitBtn.addEventListener('click', () => { const forms = document.querySelectorAll('form'); const data = {}; forms.forEach((form, index) => { const formData = new FormData(form); for (let [key, value] of formData.entries()) { data[`form${index + 1}_${key}`] = value; } }); // 使用 Ajax 或表单提交方式进行提交 // ... }); ``` 在上面的代码中，我们将表单数据拼接成了一个对象 `data`，并通过 `data` 对象来传递数据。在实际开发中，可以根据需求来选择使用 Ajax 或表单提交方式进行提交。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值