js动态改变form表单中的提交地址

最新推荐文章于 2025-06-21 08:08:00 发布

转载最新推荐文章于 2025-06-21 08:08:00 发布 · 1.2k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/XueTing/p/10912083.html

博客介绍了使用JS动态改变form表单提交地址的方法。在JS中可通过form.action设置提交地址，还展示了使用ajaxSubmit处理提交结果的代码；同时给出了form表单的基本写法。

1.在js中的写法

form.action="Login";/*js动态改变form表单中的提交地址*/
$('form').ajaxSubmit(function (data) {
    if (data == 1) {
        window.location = "FindAllFriend?id=" + id;
    } else {
        alert('账户或密码错误')
    }

}


2.在form表单中的写法

<form action="#" method="post"  name="form">

转载于:https://www.cnblogs.com/XueTing/p/10912083.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34273046

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

js提交form表单,并传递参数的实现方法

10-22

特别地，`action`属性在`<form>`标签中用于指定表单提交后，表单数据应该被发送到哪个URL。在JavaScript代码中，`document.getElementById("queryForm").action`可以设置或者修改这个提交地址。在示例代码中，`...

jquery动态改变form属性提交表单

12-11

有些情况下，同一个form在不同的情况下提交到不同的处理动作，可以在js中动态改变form的属性，满足不同条件的form提交需求。如：代码如下: <form id=”form” name=”form” method=”POST” enctype=”...

参与评论您还未登录，请先登录后发表或查看评论

使用jquery修改表单的提交地址

weixin_34292402的博客

06-03

474

基本思路：通过使用jquery选择器得到对应表单的jquery对象，然后使用attr方法修改对应的action 示例程序一：默认情况下，该表单会提交到page_one.html 点击button之后，表单的提交地址就会修改为page_two.html <!doctype html> <html> <head> <meta charse...

纯 JS 实现表单提交的核心原理与错误解决form.submit()

最新发布

06-21

489

纯JS实现form,报错:不加document.body.appendChild(form);也能POST吧?

js改变form的action

穷途有路，绝处永生

03-19

2756

$("#excel").click( function() { var url = "${ctx }/asset/equipment/information!excel.action"; var form = $("#mainForm"); form.attr("action",url) form.submit(); });

Form表单提交时动态的改变目标地址

积

06-11

4306

动态修改form的url: 方法一：设置button的onClick(推荐) function doSubmit(){ document.totalForm.action = 'path/path/total.action'; document.totalForm.submit(); } 方法二:直接修改本页面的地址 function doFindOrder(){ window.location...

Javascript_设置表单的提交地址

迎难而上

12-14

6250

我们常常遇到这样的问题，需要将数据提交到指定的地址，但是form的action只能设置为1个值，这时候如在一个页面上添加删除操作等，就可以通过js 效果来完成。重要代码： function deleteItems(){ document.forms['itemsForm'].action = "${pageContext.request.contextPath }/items

js 提交form表单和设置form表单请求路径的实现方法

10-21

在JavaScript中，我们可以通过修改form元素的action属性来设置表单请求的路径。代码中document.postform.action="SaveReturnInfo" 就是修改了id为postform的form表单的action属性，将其值设置为"SaveReturnInfo"。这...

form表单中的Input使用disabled不能提交的解决方法

09-22

在HTML的form表单中，Input元素通常被用于接收用户输入的数据。Input元素有许多不同的属性，其中"disabled"属性是非常实用的，它能够防止用户对某个输入框进行操作。当Input元素的"disabled"属性被设置后，该输入框...

js实现a标签超链接提交form表单的方法

10-24

在本篇内容中，将会介绍如何使用JavaScript让a标签实现提交form表单的功能。首先需要了解的是，HTML中表单的提交一般会使用`<form>`标签，并在其中设置`action`和`method`属性。`action`属性定义了表单数据提交到...

js改变form提交路径

馨新欣心

02-01

6213

页面内容 form role="form" action="#" method="get" th:action="@{/url1/}" id="myFrom"> button type="button" onclick="exportlist();">buttonbutton> form> JS内容 script type="text/javascript"> f

变换form表单的提交路径

weixin_44544716的博客

02-21

1458

开发工具与关键技术：Visual studio 2015、c# 作者：吴晓佩撰写时间：2019年2月21日很多时候我们需要在同一个页面用相同的form表单的相关控件通过不同的操作进行数据提交，我们就需要在相应的方法里进行数据提交，我们就可以通过改变form表单提交的“action”来实现此功能。先在Form标签里写好method（方法），action（传输路径），onsubmit（点击确认...

通过修改form的action属性来改变form的链接地址

篱笆小院

09-19

596

可以通过修改form的action属性来改变form的链接地址,从而达到多个form共用同一个表单的目的 <form method="post" id="formId" action="A.action"> 如果希望改变form的地址,使用如下方法 $("#formId").attr("action",'B.action'); $("#formId&qu

提交form表单时，修改action路径，增加参数

ZhengYanFeng1989的博客

04-16

3895

代码如下，核心代码为555和556两行 <%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %> <%-- Created by IntelliJ IDEA. User: zyf Date: 2019/4/11 Time: 11:48 To change this ...

jQuery 改变form的url

qq_39822451的博客

05-27

1402

$("#materialSelectDiv").attr('data-url',"${ctx}/xx/xxx/xxx/xxSelect?id="+$("#idx").val()); xxCodeDiv.dataset.url = ctx + "/xx/xxx/xxx?xxCode=" + $('#companyXX').val();

js控制表单的提交位置、提交的方式并提交

疙瘩陈

04-11

3156

js 修改form表单action

weixin_42681190的博客

10-28

2770

动态修改form表单action的值，为form表单Id添加点击事件，点击form修改action值 <form action="" enctype="multipart/form-data" id="fileLoad" > </form> //点击form表单修改action的值 $("#fileLoad").click(function(){ url =...

表单提交的相关注意事项，submit-onclick-事件触发执行过程