成功ajax表单提交时更改按钮文本永久性
基础概念
AJAX（Asynchronous JavaScript and XML）是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页应用能够快速地更新内容。
相关优势
- 提升用户体验：用户无需等待整个页面刷新，即可看到操作结果。
- 减少服务器负载：只传输必要的数据，而不是整个页面。
- 提高响应速度：异步通信使得页面响应更快。
类型
- GET请求：用于请求数据。
- POST请求：用于提交数据。
应用场景
- 表单提交
- 数据获取
- 实时搜索
问题描述
在成功提交AJAX表单后，按钮文本没有永久性更改。
原因
可能是由于JavaScript代码中存在逻辑错误，或者DOM元素没有正确更新。
解决方法
以下是一个简单的示例，展示如何在AJAX成功提交后更改按钮文本：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AJAX Form Submission</title>
</head>
<body>
<form id="myForm">
<input type="text" name="data" required>
<button type="submit" id="submitButton">Submit</button>
</form>
<script>
document.getElementById('myForm').addEventListener('submit', function(event) {
event.preventDefault(); // 阻止表单默认提交行为
var xhr = new XMLHttpRequest();
xhr.open('POST', '/submit-form', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 成功提交后更改按钮文本
document.getElementById('submitButton').textContent = 'Submitted';
}
};
var formData = new FormData(this);
var encodedData = new URLSearchParams(formData).toString();
xhr.send(encodedData);
});
</script>
</body>
</html>参考链接
总结
在AJAX成功提交表单后，确保在xhr.onreadystatechange回调函数中正确更新按钮文本。通过检查xhr.readyState和xhr.status，可以确保在请求成功完成后进行DOM更新。
相关·内容
我在WordPress页面的选项卡中嵌入了一个重力表单。该表单位于第4个选项卡。
表单正在收集文本数据和文件附件，其中大多数是表单正确提交所必需的。
提交表单时，WordPress会将用户重定向到页面上的第一个选项卡。如果提交表单时没有提供所需的值，WordPress将重定向到页面上的第一个选项卡，并且用户永远不会在第四个选项卡上看到错误，告诉他们无法提交表单数据。我担心用户会认为他们失败的提交是成功的。
我能够测试文本字段中是否存在值，并在未填充必填文本字段时使用条件逻辑来阻止"Submit“按钮的显示，但条件逻辑似乎不能像应用于文本字段一样应用于文件附件。
如果表单提交失败，我如何
浏览 2提问于2020-01-16得票数 1
2回答
对于我的雇主来说，我们广泛地使用TinyMCE来为我们的客户群服务。这是一个所有浏览器都能正常工作的问题，但IE11有一个问题。我想知道是否有人有洞察力，或者也经历过这一点。
包含一个TinyMCE文本区的表单是通过提交按钮提交的。服务器返回响应码200。它正在成功发布。问题是:在IE11中，当我在文本区域中输入新文本并单击submit时，新文本不会随表单一起提交。但是，如果我输入新文本并单击浏览器中的刷新按钮，则会出现一个对话框，显示“您想离开此页还是停留在此页？”。
我点击“留在这一页”。然后我提交表单，并且我之前输入的新文本成功地与表单一起发布。为什么？我查看了onbeforeunloa
浏览 0提问于2015-10-22得票数 0
1回答
更改ajax成功回调按钮的文本
、、、、
我一直在努力更改按钮的文本，该按钮触发了ajax请求，以显示数据已成功发送到服务器。
标记
使用laravel，我有这样的表格：
{{ Form::open(array('url' => 'panel/update/user', 'style' => 'display:inline', 'id' => 'ajax')) }}
{{ Form::hidden('action', 'confirm') }}
{{ Form::hidde
浏览 3提问于2014-06-04得票数 1
回答已采纳
我有一个表单，用户输入数据并上传图片，当用户点击提交时，浏览器会转到一个“确认页面(它实际上是空白的)”，我宁愿有一个弹出确认消息，当用户点击确定它刷新页面。
有什么想法吗？
一些细节:首先，用户在文本字段中输入数据并选择要上传的文件
当用户点击“提交按钮”时，弹出确认页面，用户可以点击“确定”或“取消”。
如果用户单击"OK"，则调用servlet来处理表单数据，包括用户想要上传的文件，如果表单提交成功，则弹出“成功”
我的似乎每次都转到空白的确认页面，没有成功弹出
浏览 10提问于2012-01-20得票数 0
回答已采纳
1回答
我通过Ajax动态地提交表单中的组件，当用户单击add/save按钮时，我希望输入组件失去表单样式。
我在纯文本输入$('#ingredientQuantity').attr('readonly', 'readonly').addClass('form-control-plaintext').removeClass('form-control');上成功地完成了以下操作
但是，对select做同样的操作并不会产生相同的结果。
以下是守则：
<select required class="custom-
浏览 0提问于2018-06-11得票数 0
回答已采纳
3回答
我有一个相当简单的表单，其中包含一个可选的图像上传域。由于上传图像数据需要时间，我想让表单按钮(通过css显示为背景图像)显示一个备用图像，让用户知道表单正在提交数据，同时禁用该按钮以防止多次单击。
以下是表单的相关部分：
<input name="formsubmit" type="submit" id="button" value="Submit!">
我成功地拼凑出了以下jQuery代码：
jQuery('#formid').submit(function() {
jQuery('
浏览 2提问于2011-02-25得票数 0
我有一个JSF页面，其中包含一些Primefaces组件，包括一个输入文本和一个提交按钮。在<p:inputText>中有<p:ajax event="blur" update="@this" />。
当我将插入符号(文本光标)留在输入文本之外时，submit工作正常，否则，如果我将插入符号留在输入文本中，则提交不会发生，但再次单击该按钮时，表单提交就会正常。
用Chrome调试ajax调用，我可以看到发送的内容：
我认为这只是模糊事件，提交没有发生。有什么帮助吗？谢谢
浏览 0提问于2021-04-20得票数 0
回答已采纳
1回答
我对Drupal完全陌生。在我的项目中，只有一个简单的表单，其中只有submit按钮，用于向数据库插入"yes“值。因此，应该用Drupal来完成它。因此，当该按钮提交时，值应该存储在Db中，不需要加载页面，并且在提交后显示文本“成功选择”，而不是按钮。
所以请任何人都能帮我完成这个任务
浏览 0提问于2015-02-23得票数 0
回答已采纳
4回答
Jquery请求和PHP
、、、
Jquery是新的，Jquery Ajax调用更新--这是我的问题：
我有一个小表单-电子邮件地址提交-触发到一个PHP文件，它将电子邮件插入到一个表中。
我想做以下几点：
通过Ajax处理表单提交，因此在成功写入表后不需要刷新，我想将提交按钮的文本更改为“成功！”持续3秒，然后返回使用fadeIn和fadeOut效果的“注册”。
这是我的表单代码：
<form action="" id="registerform" name="registerform" method="post" >
<input t
浏览 4提问于2012-05-30得票数 0
回答已采纳
5回答
我需要提交一个表单并检查它的完成情况，而不使用提交按钮。
我设法通过document.getElementById('logoForm').submit();提交了表单，但如果表单提交成功，我现在需要调用一个函数。
我的表单：
<form name="logoForm" id="logoForm" method="POST" target="frame" enctype="multipart/form-data" action="includes/uplLogo.php">
浏览 0提问于2014-09-12得票数 0
我有一个布局了一些ASP.NET文本框字段的基本表单，我还创建了一个控件扩展器，在单独的文本框上发生更改事件后，它会将一组特定的文本框值设置为空。
我拥有的表单是一个用户控件，它公开公共属性以检索TextBoxs的值。当提交表单并访问属性时，页面加载时的原始值将返回，而不是空白或空值。谁能给我解释一下为什么会这样。
我有一个带有控件的页面，该控件具有textbox和用于公开textbox值的属性。在客户端事件之后，填充的文本框被设置为空白。当我提交表单(submit按钮在控件上，但在父窗体上暴露了一个事件)时，我试图访问控件属性，但它们包含原始值。
我认为这与国家的包有关，但不确定。
任何帮助
浏览 2提问于2012-02-24得票数 1
回答已采纳
1回答
作为开发人员，当用户使用React最终表单成功提交表单时，我希望禁用"Submit“按钮，如果用户在表单中输入新文本，则启用"Submit”按钮。
电流
变量pristine只在表单第一次加载时将禁用支柱设置为true，但当用户提交表单(而不是重新加载页面)时，变量pristine为false，为了禁用“提交”按钮，我希望它是true。
理想行为
在首次加载表单时禁用提交按钮。当用户输入文本或进行更改时启用提交按钮。在用户单击“提交”之后禁用“提交”按钮，如果用户在提交后输入更多更改，则应启用successful.The提交按钮。
当前行为示例
我的调查
我尝试使用最终表单提
浏览 1提问于2020-02-29得票数 1
回答已采纳
我在PHP中使用过jQuery很多次，都取得了巨大的成功。我正在开发一个ASP.NET应用程序，并希望以同样的方式使用jQuery。
基本上，我有一个包含表单的母版页和一个包含所有表单域和数据的webform。用户可以通过多种方式提交表单-下拉选择，按钮等。我想捕捉所有提交，并使用jQuery来提交表单。在处理表单时，我希望显示一个新的DIV，其中包含一些文本。最后，我想用新的表单替换那个div。
以ASP.NET的工作方式，我如何实现这一点呢？
浏览 0提问于2011-05-19得票数 2
回答已采纳
2回答
AJAX提交后重置HTML表单
、、、、
我有一个简单的HTML表单，带有reset和submit按钮，它是使用AJAX调用提交的。
在任何提交之前，重置按钮正在恢复表单的初始状态，我对此没有意见！
提交表单后，如果我修改了输入值，我希望重置按钮将表单的状态恢复为上次成功提交后的状态！
有没有办法在不重新加载或重新创建表单的情况下做到这一点？
诚挚的问候,
蒂埃里
浏览 54提问于2020-05-20得票数 0
8回答
当单击form按钮时，我试图使用Jquery激发函数，但是函数需要在表单实际提交之前触发。
我试图在提交时将一些div标记属性复制到隐藏的文本字段中，然后提交表单。
我已经成功地使用了mouseover函数(当提交按钮悬停在上面)，但这将无法在使用触摸的移动设备上工作。
$("#create-card-process.design #submit").on("mouseover", function () {
var textStyleCSS = $("#cover-text").attr('style');
va
浏览 0提问于2014-02-21得票数 78
回答已采纳
1回答
场景：
基于Ajax的页面www.example.com/contact-us上的联系人表单
成功提交表格:页面保持不变，谢谢您的文本显示。(在html方面，style=display:none的一个属性从div中删除，它显示了感谢页面。
<div id="123" style="display:none"> Thank you </div>
方法1：我尝试过表单提交触发器，但是每次用户单击Submit按钮时都会触发表单提交触发器。此外，它还会为无效的表单提交尝试触发代码。
方法2: I在GTM中选择了表单验证。但是，不会触发gtm.Fo
浏览 1提问于2017-05-16得票数 0
我在页面上有一堆表单，每个表单都包含一个html文本区域：
<textarea name="Comment" class="inputTextArea">Hello World!</textarea>
我有javascript事件处理程序，当用户按Enter时提交表单：
$(".inputTextArea").keypress(function (e) {
if (e.which === 13 && !e.shiftKey) {
$(this).closest("form&#
浏览 3提问于2021-04-14得票数 0
2回答
我已经开发了2个网页：-具有动态内容的页面1-通过buttons+javascript功能+所有创建的表单的提交按钮添加或删除表单。在成功提交表单中的数据后，一个php文件重定向到第2页：-带返回页面-1按钮的第2页(使用window.history.go(-1) javascript函数)
当从页面2返回到页面1时，动态创建的表单似乎丢失了(例如，查看了没有动态内容的原始页面1)，这是不应该发生的。
如何在返回到第一页时保留表单？(我在上注意到了一个类似的问题，但没有任何答案)。
请提出您的建议。
浏览 3提问于2013-07-04得票数 1
1回答
我有一个简单的搜索框，用户需要单击提交按钮发送地址到一些PHP/AJAX，以查询我们的SQL数据库。它通过使用提交输入的“main-search”id来实现这一点。
<div class="address-search">
<input type='text' class='main-search-address' id="main-search-address" placeholder="Enter Street Address">in Seattle, WA
<input
浏览 2提问于2015-04-14得票数 0
2回答
我正在使用jQuery加载一个超文本标记语言表单。该表单是一个投票，并具有选择哪些是html单选按钮的选项。问题是，如果我在没有选择选项的情况下单击submit按钮，表单不会像预期的那样提交，但是...在我选择一个选项后，当没有选择任何选项时，表单提交的次数与按钮被点击的次数一样多，即点击按钮5次，当选择一个选项时，表单提交5次！我期望表单只提交一次，当一个选项(单选按钮)被选中。我不希望它提交，如果没有选项被点击。
$('#pollcontainer').on('click', '#submit', function() {
$('
浏览 15提问于2018-01-25得票数 1
2回答
提交表单而不松开软键盘
、、、
我一直试图在论坛中找到一个类似于这一问题的帖子，但没有成功。我有一个简单的表单，由一个文本区域和一个按钮组成，可以使用angularJS在应用程序上提交。效果很好。但是，当我按submit键时，我会丢失文本区域的焦点，这样键盘就会消失，当我再次按下textarea时会显示出来。我想保持它可见，即使我按提交。
浏览 1提问于2016-08-10得票数 0
回答已采纳
我有一个表单my_form，每当用户更改一些数据时，它都需要通过jquery刷新(例如，更改表单中的一些元素)。为了知道要更改什么，需要执行一个AJAX调用
$('#my_form').change(function() {
...execute an ajax call and change the form via jquery
});
当用户在文本框中键入内容，然后单击submit按钮(或按enter)时，问题就出现了: change()事件和提交同时触发，结果是“内存不足”错误，这会阻止表单提交。
我知道这是一个典型的问题，典型的解决方案是避免使用经典的提交按钮，
浏览 2提问于2015-08-25得票数 0
1回答
我有一个带有少量文本框和下拉列表的webform，以及一个提交按钮
当用户单击提交按钮时，im使用ajax调用将表单值发送到控制器，并从控制器发送到模型再发送到数据库。
提交表单后，表单值仍显示在相应的文本框中。
我的过程也有一个输出参数，如果数据被成功提交，那么我将得到输出参数值为1否则为0
因此，根据控制器的输出参数值，我应该能够清除表单值，如果插入失败，则应该显示这些值
如何做到这一点？
<script type="text/javascript">
function CreateUser() {
$.ajax({
浏览 0提问于2014-03-04得票数 0
我希望按钮在扩展文本区域时提交表单。我该怎么做？
问题是，当我单击表单中的Post按钮时，当textarea展开时，它不会提交表单，相反它会收缩，我需要再次单击它，当它更小的时候，才能提交表单。
当前，为了提交文章，我需要点击文章按钮，而文本区域没有展开。
<form method='POST' action='elsewhere.php'>
<textarea id="textarea" style="width:550px; height:25px;"></textarea>
浏览 3提问于2012-05-13得票数 0
回答已采纳
2回答
我花了一些时间从各种类似的问题中尝试让它工作，但找不到一个与我正在寻找的完全匹配的解决方案。
所以我有一个非常基本的表单，其中有3个单选按钮，它嵌入在另一个页面的iframe中。当我单击其中一个单选按钮时，此代码会自动提交响应
<script type='text/javascript'>
$(document).ready(function() {
$('input[name=rating]').change(function(){
$('form').submit(); });
});
</script>
现在，我的
浏览 0提问于2017-10-04得票数 0
2回答
我有一个表格，用户可以提交信息。提交可以成功，也可以不成功。
在这两种情况下，我都想要一个对话框来告诉用户它是否成功。
页面在表单提交时加载自己。 Ergo，页面不是通过Ajax进行子处理的。
我知道如何通过单击按钮/链接等来触发对话框。但是，在提交表单之后，如何使用呢？
更新
我已经找到了解决办法。。
浏览 3提问于2009-09-20得票数 1
有没有办法在不创建提交按钮的情况下，只使用type=“文本”提交表单？每当我在文本区输入每个变量时，它都会提交。
我正在尝试使用html和php mysql创建一个实时搜索。
浏览 0提问于2014-02-19得票数 0
我有一个关于onchange事件的输入。如果文本框松开焦点，则调用此事件。但是，当单击要提交表单的按钮而文本框仍有焦点时，此onchange事件将不会被调用，或者在提交表单之前仍未完成。在提交表单之前，确保处理此事件的最佳方法是什么？
浏览 1提问于2017-03-13得票数 1
回答已采纳
2回答
在页面上提交表单而不刷新
、、、、
我的页面上有2个表单，一个注册表单和一个付款，付款表单只是一个按钮，需要用户支付，并返回一个令牌时，付款是有效的(付款是通过外部服务，所以必须以这种方式完成)，但只要付款成功，它提交的表单和刷新页面，所以删除所有的数据从注册表单。
我的问题是，我想要的按钮支付被点击，如果成功，注册表单的提交按钮成为启用(只要令牌从付款设置)，而不刷新页面。我知道我可能不得不使用jQuery或AJAX，但找不到解决方案。非常感谢您的帮助！
注册表：
<form action="signup.php" id="signup"> <input type="
浏览 0提问于2017-08-26得票数 2
2回答
我有一个表单的按钮，而不是提交按钮。我希望Vue在单击该按钮时异步调用Django视图，并返回一条JSON消息，说明function已成功调用。
浏览 1提问于2018-11-08得票数 1
6回答
我正在准备一个包含几个表单的网页，每个表单都有通常的输入文本和提交按钮，这调用了一个php脚本。我不太喜欢的是，每当我按下提交按钮中的一个时，其他的输入文本就会被重置。我想知道是否有一种方法可以保持我输入的文本的值，即使我按下提交按钮。谢谢!
浏览 3提问于2012-04-06得票数 1
回答已采纳
1回答
我的目标是让用户填写一个表单并使用JavaScript将表单发布到两个位置，并为此创建了。
有一个表单上有一个input[type='submit']按钮。
当用户提交表单时，jQuery截取表单，设置一个标志，并通过AJAX将其提交到备用位置。
一旦成功，AJAX回调将触发表单再次提交。JS注意到(2)中设置的标志，并允许提交自然发生。
问题是第二次提交从未发生过。如果我第二次单击按钮，表单将完成完整的发布，从而告诉我逻辑是正确的。浏览器可以提交每个用户操作的表单多少次有限制吗？为什么这不管用？
浏览 2提问于2012-01-28得票数 0
回答已采纳
1回答
我的应用程序包含一个带有保存按钮的表单。当表单提交时，调用一个函数save()，它执行一个ajax请求来提交表单。当ajax请求正在执行时，我如何创建一个指令将按钮的文本更改为“Loading.”，然后在请求完成时将其设置为"Save“？
一个指令是正确的方式来解决这个问题，还是我想错了？
浏览 2提问于2014-10-03得票数 0
回答已采纳
我正在提交一个表单，而不是重定向到一个成功的网址，我想只显示“表单已提交”在页面上的文本时，表单已提交。有人知道我是怎么做到的吗？
浏览 1提问于2011-11-12得票数 1
3回答
我有一个父窗口，使用window.open()打开弹出窗口，并使用window.opener方法监视弹出窗口的返回。我在这里有两个问题：
在我的弹出窗口，有一个提交按钮，负责提交功能的表单，我想等待提交完成和关闭这个弹出窗口提交。
当表单提交并弹出窗口关闭时，我将获取其中一个文本框值，并使用父窗口中的文本框值来模拟弹出窗口关闭后自动进行的搜索。
代码：
// parent window handling of information returned from the pop-up window
function HandlePopupResult(value) {
a
浏览 4提问于2015-05-21得票数 5
回答已采纳
2回答
在单击时更新按钮文本和事件
、、、、
对不起，如果这听起来很明显，但我对Ionic 2 /角2并不熟悉。在提交表单时，我需要更新按钮文本并单击event，即：
首先单击按钮=提交表单+将按钮文本更新为“下一步”
第二次单击按钮=触发器goToNext()
我成功地更新了按钮文本，但没有更新单击事件(到goToNext() )。
.html
<form (ngSubmit)="logForm(i)">
<ion-item>
<ion-input type="text" [(ngModel)]="form.us
浏览 2提问于2017-11-30得票数 1
回答已采纳
2回答
我有一个令牌拦截器来阻止双重提交表单，这很好，但我希望在情况下重置令牌。
基本上，我在页面中看到的是一个标准列表和一个提交按钮。当用户单击submit按钮时，条件将作为新行存储在数据库中的特定表中。ajax调用使用成功或失败的消息更新表单下面的div。令牌的工作原理是，我不希望用户尝试添加重复的行。但是，如果用户更改了条件(通过在下拉菜单中选择不同的选项或编辑s:textfield中的文本)，我希望它重新设置令牌以允许再次提交表单。目前，用户必须返回并填写一个新的表单，这有点不方便。
我在.jsp中使用标准的s:token，在struts.xml中使用拦截器行。我一直在寻找可以重置令牌的东西，
浏览 2提问于2012-08-18得票数 0
回答已采纳
当使用"submit“按钮提交表单时，我需要从数据库中填充文本输入字段的结果，同时使输入字段不可编辑。我现在有一个JQuery函数来完成这个任务：
$(function(){
$(".makeEditable").click(function(){
$('input:text').removeAttr("readonly");
});
$(".makeNonEditable").click(function(){
$('input:text')
浏览 3提问于2012-04-18得票数 1
2回答
这是一个简单的javascript问题。
我有一个页面C，其中有一个文本区域T。T的内容是通过点击C上的各种按钮来添加的(本质上，T累积了按钮被点击的时间列表)。
还有一个按钮可以通过post请求将T的内容提交给服务器(T由表单元素包围)。
当用户忘记单击submit按钮并关闭页面窗口时，我希望T内容的发布无论如何都会发生，就像用户在关闭窗口之前单击了submit按钮一样。
我知道我可以拦截页面关闭并提示用户提交，但这不是我想要的。
从onbeforeunload调用的函数内部提交包含T的表单似乎是不可能的。
谢谢你的建议。
浏览 3提问于2012-10-30得票数 1
1回答
在成功提交后无意提交表格
、、、
我们的站点有一个表单被注入到一个jQuery对话框中。输入表单数据并单击submit按钮(一个jQueryUI对话框按钮)后，该表单首先由javascript验证，然后提交给服务器。我发现，在将一个值粘贴到一个强制提交的文本框后，有时当我下次打开表单时，它会尝试立即提交，而不需要用户单击该按钮(我在.submit()的每个实例之前使用调试器语句验证了这一点，只有当表单提交发生时才单击按钮)。
有没有其他人遇到过意料之外的表单提交实例，除了服务器端验证之外，还有其他方法可以阻止它吗？
为了澄清这一点，事件的顺序如下：
用户单击Add按钮，该按钮获取表单(部分视图)并将其注入对话框中，然后打开
浏览 1提问于2013-01-17得票数 0
回答已采纳
2回答
我有一个表单，其中有一个QR code.QR代码是基于表单值生成的。当按下提交按钮时，我需要的是
表单值必须提交到数据库
对QR代码进行ajax请求并更新qr代码。
函数getNewQrcode() { customRequest({ customRequest({ type："GET"，url: ROOT_PATH + "hotel/qrcode“)，成功:函数(数据){数据；}，错误:函数(Err){customRequest(”错误“+err.Message} })；}函数formSub(){ $("#hotel_device_settings_f
浏览 6提问于2017-09-29得票数 1
6回答
我有两页：
page1.php :
有一个带有文本框和“提交”按钮的表单。例：<form name="frm_register" action="page1.php" method="post">
php和mysql代码将文本框的值存储到数据库中。在将值提交到数据库后，Javascript将将页面重定向到php2.php。例：
$query = "INSERT INTO traceuser (username) VALUES ('{$username}')";
$result =
浏览 1提问于2011-10-12得票数 4
回答已采纳
1回答
我正在学习ASP.NET核心(2.0版)。有一个带有几个输入文本框和一个提交按钮的表单。我希望只允许用户提交有效的表单，因此当表单不完整时，我希望禁用提交按钮。
有没有一种使用ASP.NET核心轻松完成此操作的方法
谢谢。
浏览 3提问于2018-02-13得票数 4
回答已采纳
我有一个带有选项卡式表单的单页网站，访问者使用一个按钮来通过。在最后一个选项卡上，我想将按钮类型更改为submit，并使用AJAX提交表单。 每个选项卡都有一个如下所示的“下一步”按钮。 <button type="button" id="nextBtn" onclick="nextPrev(1)">Continue</button> 当访问者到达最后一个选项卡时，我使用javascript更改按钮的文本值。 document.getElementById("nextBtn").innerHTML = &
浏览 19提问于2019-06-26得票数 0
我有一个ASP.Net MVC Ajax.BeginForm，当我单击submit按钮时，它会正确地提交和更新我的页面。
问题是我需要额外的事件来做同样的事情，比如当它们改变输入的文本时。附加事件确实正确地提交了表单，但是它们绕过了Ajax.BeginForm在表单标记上生成的onsubmit javascript。
下面是由Ajax.BeingForm生成的表单标记：
<form action="/Store/UpdateCart" method="post" onsubmit="Sys.Mvc.AsyncForm.handleSubmit(th
浏览 0提问于2008-11-05得票数 2
回答已采纳
2回答
我有一个自定义页面(控制器)，它嵌入一个节点表单。我希望通过ajax提交此表单，但也要运行另一个submit处理程序，该处理程序使用该表单中的一些值打开一个模式。
我的控制器功能很简单：
public function createQuote() {
$node = \Drupal\node\Entity\Node::create(['type' => 'mpep_quote']);
$form = \Drupal::service('entity.form_builder')->getForm($node);
浏览 0提问于2022-10-30得票数 0
回答已采纳
4回答
我有一个按钮，我想动态地从一个常规按钮更改为一个表单提交按钮。
也就是说，我的按钮以类型=‘按钮’开头，以防止它在第一次点击时提交我的表单。
<button id="myButton" type="button">Button</button>
然后将单击事件绑定到我的按钮上，以将其更改为下一次单击的提交类型。出于某种原因，它会在第一次单击时触发提交。
$('#myButton').click(function(){
$(this).prop('type', 'submit');
});
浏览 3提问于2017-05-25得票数 0
回答已采纳
2回答
我有一个HTML连接到表单端点。
<form action="https://formsubmit.co/my@email.com" method="POST" class="form">
<input type="text" name="name" required>
<input type="email" name="email" required>
<button type="submit"
浏览 11提问于2022-07-15得票数 0
回答已采纳
3回答
我有一个联系表单，它是隐藏的，当页面加载。然后，可以通过单击contact form按钮查看contact form，使其slideUp和slideDown。问题是，当表单提交时，页面会刷新，如果有错误消息或成功消息，它会被隐藏，因为页面已重新加载，您必须单击“联系人表单”按钮才能看到它。我对jquery或php不太在行。任何帮助都将不胜感激。一旦表单提交，我需要消息出现。
该网站为
我的jquery是
$(document).ready(function () {
$("#contactLink").click(function () {
if ($(
浏览 2提问于2013-06-25得票数 1
回答已采纳
4回答
提交后更改提交按钮上的文本
、、、、
是否可以在提交后更改提交按钮上的文本？例如，按钮上有Submit一词，在用户提交表单后，该按钮现在将显示为Done。如果是这样，它是如何做到的？
谢谢!
浏览 0提问于2014-03-26得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
