js控制form提交的action

最新推荐文章于 2022-03-04 00:13:14 发布
转载 最新推荐文章于 2022-03-04 00:13:14 发布 · 1.6w 阅读 · 2
文章标签：

#action #javascript #button #input #function #class

本文介绍了如何使用JavaScript来控制HTML表单的提交行为，通过改变表单的action属性实现不同的表单提交目标。同时提供了多个示例代码，展示如何根据按钮点击事件更改表单提交地址。
 
js控制form提交的action
2008-07-18 20:18
js脚本：
<SCRIPT LANGUAGE="javascript">
function doUrl(actionUrl)
{
   verform.action = actionUrl;
   verform.submit();
}
</SCRIPT>


form表单控制：

<form method="POST" name="verform" action="">  
……
<input type="button" value="删除" name="B1" onClick=doUrl("delVersion.do")><input type="button" value="修改" name="B2" onClick=doUrl("modVersion.do")>
   </form>

<script language="JavaScript" >
function checkaction(v){
if(v==0){
   document.dbform.action="index.php?admin_db-repair";
}else{
   document.dbform.action="index.php?admin_db-optimize";
}
dbform.submit();
}
</script>

<form action="" method="post" name="dbform">
<input type="submit" class="btn" value="{lang dbStartOptimize}" name="opsubmit" onclick="checkaction(1);" />
<input type="submit" class="btn" value="{lang dbStartFix}" name="resubmit" onclick="checkaction(0);" />
</form>

<script>

function replace(){

myForm.action='bb.html';
myForm.method='POST';
myForm.submit();

}

</script>

<form id="myForm" name="myForm" method="post" action="aa.html">
<input type="button" value="dd" onclick="replace();" />
</form>



使用这个方法可以使用多个内容来提交表单

myForm.action='index.php?act=edit';
myForm.method='POST';
myForm.submit();

myForm.action='index.php?act=del';
myForm.method='POST';
myForm.submit();  


前端使用js提交表单与action提交对比
zhh_1998的博客
03-30 343
先看一个普通的thymeleaf表单提交 <form action="update" method="post"> 班级名称:<input name="bjname" th:value="${bj.bjname}"/> <input type="hidden" name="id" th:value="${bj.id}"/> <input type="...
js往后台Action提交
amzkqi的专栏
01-18 737
function subimt(){    var realpaswd = document.getElementById("realpaswd").value; //对密码的填入做一些简单的判断  var oldpswd = document.getElementById("oldpswd").value;  var newpswd = document.getElementById("
使用JS提交表单,该表action
信缘的人
08-06 3477
function replace(){myForm.action=bb.html; myForm.method=POST; myForm.submit(); } 使用这个方法可以使用多个内容来提交表单myForm.action=index.php?act=edit; myForm.method=POST; myForm.submit(); myForm.
用JS控制form表单action去向大全
stevenbill的博客
01-26 298
不知道大家遇没遇到这种情况，当我们提交一个表单的时候，可能因为相关的参数不同而需提交给不同的action地址。这时我们就可以用JS来实现这种功能。 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 把相同的内容提交到不同的页面 ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ 一，使用多个submit提交、一个表单，多个submit function fun_1(){ document.getElement...
js - form提交action之前用js操作
Beluga_白鲸
03-16 3840
在提交action之前先用js操作一下，若果为false则不执行action
js控制form action到不同的页面
shao.bing的专栏
06-23 1274
<br />法一、<br /><form name="form1" action=""> <br /><input type="button" value="action1" onclick="form1.action='1';form1.submit();"> <br /><input type="button" value="action2" onclick="form1.action='2';form1.submit();"> <br /></form><br /> <br /> 法二、<br /><
JS提交form表单实例分析
11-24
本文实例讲述了JS提交form表单。分享给大家供大家参考，具体如下： 一、javascript 页面加裁时自动提交表单： Form表单： <form method="post" id="myform" action="a.php"> <input type="submit" value=...
form表单action提交的js部分与html部分
12-11
1、JS部分代码 代码如下: /** * 提交表单 */ function submitForm(action, actName, objName, formName,blogType){ $(“#”+formName).attr(“action”,action); //var f = document.getElementsByTagName(“form”)...
通过button将form表单的数据提交到action层的实例
08-29
在我们的实例中，我们使用 Button 元素来提交 Form 表单数据，我们将 onclick 属性设置为一个 JavaScript 函数，该函数将 Form 表单数据提交到 Action 层。 知识点 2: 使用 Ajax 提交 Form 表单数据 在现代 Web ...
jquery.form.js实现将form提交转为ajax方式提交的方法
10-24
3. 编写JavaScript代码处理Ajax提交：在文档加载完毕后（例如在$(document).ready()中），需要编写一段JavaScript代码，通过jquery.form.js提供的方法来控制表单的提交行为。这通常包括设置Ajax请求的配置选项，例如...
JavaScript动态创建form表单并提交的实现方法
10-23
最后通过调用<form>的submit方法将数据以POST方式提交到指定的action路径，并在提交后通过removeChild方法将<form>元素从页面中移除。 这种方法的优点是可以根据用户的交互动态地生成表单，并且可以将表单数据发送...
js实现表单多按钮提交action的处理方法
11-25
之前一篇文章介绍了php实现表单多按钮提交action的处理方法，今天再介绍一种js实现表单多按钮提交action的处理方法，希望能够帮助到大家。 用JS实现一个表单多个按钮的方法，两个onclick事件处理，代码如下： <html> <head> [removed] function submitit1() //交由程序1处理 { document.myForm.action = "http://www.site.com/cgi1.php" document.myForm.submit(); } function submitit2() //交由程序
写在js文件里的变量如何通过FORM表单提交到action
qq_32265203的博客
04-03 1514
使用form表单提交数据，需要将数据写到表单元素内（如文本框、隐藏域等）。因此，将js文件里的变量通过FORM表单提交到action的思路如下： 1、在form表单中准备隐藏域用以存放需要提交的数据 <form action="目标url"> <!-- 其他表单元素 --> <input type="hidden" id="test" name...
vue form action post 方式提交
zjy660358的专栏
05-23 5158
<form action="testform" method="post" @submit="submit($event)"> </form> submit: function(event) { event.preventDefault();//validate fail return true;//validate success return true or false }
js 选择提交到 action 里面的方法
weixin_30748995的博客
08-26 288
1，Myjsp.jsp 页面 注意：m 参数，struts-config.xml 里面的设置与这个参数对应 <html> <head> <base href="<%=basePath%>"> <title> JS 提交到Action</title> <me...
JavaScript表单提交
热门推荐
weixin_44540247的博客
04-28 1万+
表单提交在前端编程阶段中也是一个重点。它是由页面数据保存到后台数据库的重要枢纽，通过表单提交的方式将数据上传到数据库进行保存。同时这些数据也包含用户信息、统计信息、日志信息等等。 数据的信息不同，上传的方式也不同。在JavaScript中有四种种表单提交的方式： 一、 Form表单手动提交（get与post） 在没有任何Js代码的影响下，Form表单本身是自带提交功能的。在form元素标签上有两个...
学习随笔笔记——页面提交请求
没有什么不可能
01-28 717
一、关于在jsp中提交action的几种方式   我们经常需要通过js来提交表单或者超链接 1.js提交表单( .submit()方法提交表单 ) function doSearch(){ var action ="&lt;%=path%&gt;/User_queryAllUser";//定义的contronller document.all.form.action = action;...
js 通用表单提交3-action和data的处理
leiting084的专栏
03-04 1226
书接上回，在form中action作为提交表单的接收地址，在有些时候可以省略，那就代表提交到当前地址，这个时候我们通过js获取是无法获取到的： 举个小例子： 这里能获取到的就是个空白（里面引用了一个外部的jquery，不要在意这些细节），那么这个时候我们需要增加判断，那么这个时候需要这样做： 通过上面的操作我们终于把真正的提交url找到了。 然后我们要解决一个新的问题：那就是如何获取表单中的数据？ 我们用两种方法解决（突然想到回字的四种写法，不，那不重要）： 1、jquery下有
使用js设置form 表单的action
h123hlll的博客
04-02 6495
一般情况下，在一个form表单里所有上传图片或文档都默认存放在同一个路径，但有时候需要在同一个界面里不同的对象文档上传后存放在不同的路径下，因此，再不更改后台代码的情况下，我们可以用js来变更form表单的action 达到目的。 form表单信息如下： <form name="Work_Form" id="Work_Form" method="post" action="后台访问路...
form表单的action提交规则
最新发布
08-03
引用[1]提到：form表单提交到action，action是指“表单”提交处理对应的后台路径。 引用[2]：action规定向何处提交表单的地址（URL）（提交页面）。它可以是一个URL地址(提交给程式)或一个电子邮件地址。 引用[3]...
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值