使用Javascript更改提交按钮的文本
使用JavaScript可以通过以下步骤来更改提交按钮的文本：
- 首先，需要在HTML中给提交按钮添加一个唯一的id属性，以便在JavaScript中引用它。例如：
<button id="submitBtn" type="submit">提交</button>- 接下来，在JavaScript中获取该按钮元素并修改其文本。可以使用getElementById方法来获取按钮元素，并使用innerText或innerHTML属性来修改文本。例如：
var submitBtn = document.getElementById("submitBtn");
submitBtn.innerText = "正在提交...";- 最后，将JavaScript代码放置在适当的位置，以便在需要更改按钮文本时触发。例如，可以将代码放置在点击提交按钮时的事件处理程序中，或者在表单提交之前的验证函数中。
这样，当用户点击提交按钮时，按钮的文本将更改为"正在提交..."。
对于这个问题，腾讯云的产品和链接介绍如下：
腾讯云提供了丰富的云计算解决方案，包括云服务器、云数据库、云存储等产品，可以满足不同场景下的需求。
推荐的腾讯云产品：
- 云服务器（CVM）：提供弹性计算能力，可根据业务需求快速创建、部署和扩展虚拟服务器。了解更多：云服务器产品介绍
- 云数据库MySQL版（CDB）：提供高性能、高可靠的关系型数据库服务，适用于各种应用场景。了解更多：云数据库MySQL版产品介绍
- 云对象存储（COS）：提供安全可靠、高扩展性的对象存储服务，适用于存储和处理各种非结构化数据。了解更多：云对象存储产品介绍
以上是腾讯云在云计算领域的一些产品推荐，更多产品和解决方案可以参考腾讯云官方网站。
相关·内容
我有一个javascript函数，它调用文本框函数名为callOnChange()的textbox事件，我的textbox就像
<asp:TextBox ID="TextBox1" runat="server" onChange="callOnChange(this)"></asp:TextBox>
此外，我还有一个提交按钮，但是当我单击该按钮时，称为“先提交事件然后提交事件”的onchage事件不起作用。
那么该如何处理呢？？
我不想在点击提交按钮时调用"onChange“
编辑
事实上，我刚才已在上述问题上作
浏览 1提问于2013-08-05得票数 2
我不确定我会以正确的方式问这个问题。我是第一次开发功能手机，例如带宽有限的用户运行Opera Mini和没有javascript。
我有一个带有文本框的表单和一个可选的照片上传器。大多数人不上传照片。我想实现以下行为:如果用户从手机中选择要以表单形式提交的文件，则提交按钮文本将从“提交”更改为“与照片一起提交”。如果没有javascript，这有可能吗？
浏览 2提问于2014-05-21得票数 0
3回答
我有一个附加了文本更改事件的文本框；
<asp:TextBox ID="txtLoadPortCode" MaxLength="8" runat="server" ToolTip="Load Port Code" CssClass="form-control form-control-Mandatory" OnTextChanged="txtLoadPortCode_TextChanged" AutoPostBack="true"></asp:TextBo
浏览 19提问于2016-09-17得票数 3
回答已采纳
3回答
我真的不知道从哪里开始。我有一个表单输入框和提交按钮。当提交按钮被按下时，表单内容被提交并在某些javascript中使用。我想做的是自动在提交的末尾添加一些文本。
因此，如果用户输入“狗散步”并按下submit，表单将添加“穿过街道”。提交文件的末尾。
谢谢你！！
浏览 2提问于2011-07-16得票数 5
我有一个HTML按钮来提交一个表单验证使用javascript -
<p class="textstyle1"><a href="javascript:document.contact.submit();"><span onClick="MM_validateForm('Name','','R','Email','','RisEmail','Message','','R');retu
浏览 6提问于2012-10-05得票数 2
有没有办法在没有表单或提交按钮的情况下在同一页url上传递文本框值?我有javascript function，但此function适用于drop down values not for text box values?，我需要在没有表单和提交按钮的情况下在同一页url上发送文本框值
现在这是下拉页面中的页面下拉值在同一页面的url上传递，但现在我感到困惑，我如何才能在没有表单或提交按钮的情况下使用这个javascript函数在同一页面的url上发送文本框的值？
function getComboB(sel) {
var customers=document.getElementById(&
浏览 1提问于2013-03-30得票数 1
我试图禁用一个链接按钮，以防止用户提交几次。
我在这里看到过许多这样的问题，所以大多数人建议使用以下javascript：
button.disabled = true或button.disabled = 'disabled'
这确实禁用了按钮(按钮是灰色的)，但问题是它仍然是可点击的，并且仍然提交！！
下面是我已删除的代码：
function ValidateButton(button){
`// some other code`
`button.disabled = true;`
`button.value = 'Processing...';`
}
<
浏览 7提问于2010-12-15得票数 2
回答已采纳
我有一个jsp页面，如下所示：
<script type="text/javascript" src="/mywebapp/js/jquery.js"></script>
<script type="text/javascript">
$( function() {
$('#testform').submit(function(){
alert('now starting submit');
return true;
});
$(
浏览 0提问于2011-01-20得票数 8
回答已采纳
使用APEX 3.2：
我想在第1页成功提交时在第2页上显示确认弹出窗口。现在，我可以将“流程成功消息”中的文本显示在第2页上，但我想要一个警告弹出窗口，而不是“流程成功消息”文本。你知道怎么做吗？
注意:我不想把javascript放在第一页的“提交”按钮上，因为如果有验证错误，每次点击“提交”按钮都会弹出警告。我只想弹出出现，只有当页面1已成功提交。
浏览 5提问于2012-04-13得票数 1
回答已采纳
1回答
我被要求在提交后更改表单中特定按钮的文本和样式。
JavaScript
openWarningBox(
"/URL",
[{
'classNames':'button sec',
'text':'Continue',
'clickEvent': function() {
$(document.forms.button).trigger('submit');
}
}]
);
浏览 2提问于2020-09-25得票数 0
我有一个表单在我的网页上，在我的网页上，我想提交到一个不同的网址，我正在使用：
<button type="submit"></button>
而不是：
<input type="submit">
因为我想在按钮文本中嵌入一个图标。
当单击按钮而不是向forms onsubmit属性提交数据时，它会将其发送到当前页面。
如何使按钮提交到不同的路径，或者更确切地说，添加一个图标到输入提交按钮？(最好没有JavaScript和jQuery，因为我希望提交方法是POST而不是GET)
浏览 1提问于2021-05-22得票数 0
回答已采纳
2回答
我正在尝试在单击时禁用按钮，以及更改按钮的文本。下面是我的代码：
<input type="submit" value="Register" name="submit" id="submit" onClick="javascript:replaceButtonText('submit', 'Please wait...'); document.form1.submit.disabled=true;">
实际情况是，按钮被禁用，文本发生更改，但表单不执行任何操作(提交)。我
浏览 0提问于2012-04-02得票数 0
2回答
我想做一个简单的脚本，当用户单击提交按钮时，从文本框中发布推文，但全部使用Javascript，没有任何服务器端语言。我该怎么做呢？
浏览 4提问于2011-01-10得票数 3
回答已采纳
1回答
表单提交一直循环
、、
PHere是应该发生的事情：
单击按钮时，表单的提交将被禁用。然后运行文本交换。文本交换完成后，cancel的var切换为false，然后提交表单。
问题是，一旦触发form.submit()，它就会循环，文本会不断地淡入和淡出。这也会导致表单不能提交。
<script type="text/javascript">
var cancel = true;
$("#btn-submit").click(
function () {
if (cancel == true) {
$(
浏览 0提问于2012-06-23得票数 0
回答已采纳
嘿，伙计们，我正在创建一个注释框，我想对注释框做两件事，我认为需要javascript，但我还不是使用javascript的专家。我希望评论框中显示一些文本(键入您的评论)，当用户单击它时，文本就会消失。另外，我只想在用户点击评论框时显示提交按钮，你知道有什么方法可以做到这一点吗？
浏览 4提问于2011-01-01得票数 1
回答已采纳
3回答
在链接单击提交筛选表单
、、、、
我试着做一些这样的事情：
这是我的代码：
$("ul.opt").addClass("hidden");
$('#filter > li > a').on("click", function (e) {
var cache = $(this).next('ul');
$('#filter ul:visible').not(cache).hide();
cache.toggle();
});
我试图使其可降解，因此如果没有javascript，他们可以提交
浏览 4提问于2014-07-08得票数 0
回答已采纳
2回答
我正在写一个javascript程序，一旦点击提交按钮，它就会改变文本字段的文本
<script>
function change()
{
document.getElementById("set").value="helloworld";
}
</script>
文本字段和提交按钮：
<form>
Enter Text <input type="text" id="set" >
<input type="submit" value="Pre
浏览 0提问于2017-04-25得票数 0
我有一个带有ID='texta'的小文本区，它有一个提交按钮作为表单的一部分。
在用户使用javascript或jquery在文本区域内单击之前，如何隐藏提交按钮？
浏览 0提问于2012-01-02得票数 1
回答已采纳
2回答
所以我有两个按钮
<button type="submit" name="print">print</button>
<button type="submit" name="search">search</button>
在搜索按钮旁边有一个文本框
<input type="text" name="txtSearch" autofocus>
现在我想要做的是，每当我按回车键时，我想要使用搜索按钮提交。但是发生的情况是，按钮print总是被提
浏览 0提问于2015-09-02得票数 0
3回答
HTML
<form action="die_issue_process.php" id="form" method="post" autocomplete="off">
<input type="text" name="item_name[]" />
<input type="button" name="add_item" value="Add More" onClick="addMore();" /&
浏览 0提问于2015-11-01得票数 1
3回答
我有以下表单和javascript：
<script type="text/javascript">
function toggleButton(ref,bttnID){
document.getElementById(bttnID).disabled= ((ref.value !== ref.defaultValue) ? false : true);
}
</script>
<form action="" method="post" id="subscribe" name="subs
浏览 1提问于2013-02-01得票数 2
回答已采纳
3回答
我的输入文本框源代码如下：
<asp:TextBox ID="TxtDepCode" runat="server" Height="18px"></asp:TextBox>
我的javascript函数是这样的：
<script type="text/javascript" language="javascript">
function confirm_user() {
var userPass = document.getElementById(&#
浏览 0提问于2016-06-05得票数 1
回答已采纳
1回答
在成功提交后无意提交表格
、、、
我们的站点有一个表单被注入到一个jQuery对话框中。输入表单数据并单击submit按钮(一个jQueryUI对话框按钮)后，该表单首先由javascript验证，然后提交给服务器。我发现，在将一个值粘贴到一个强制提交的文本框后，有时当我下次打开表单时，它会尝试立即提交，而不需要用户单击该按钮(我在.submit()的每个实例之前使用调试器语句验证了这一点，只有当表单提交发生时才单击按钮)。
有没有其他人遇到过意料之外的表单提交实例，除了服务器端验证之外，还有其他方法可以阻止它吗？
为了澄清这一点，事件的顺序如下：
用户单击Add按钮，该按钮获取表单(部分视图)并将其注入对话框中，然后打开
浏览 1提问于2013-01-17得票数 0
回答已采纳
我有一个‘文本区’和‘提交’按钮的jQuery代码，当‘添加’按钮被点击时淡入，当单击其他地方或‘提交’按钮时淡出。
当“提交”和“文本区域”淡入时，“添加”按钮消失，反之亦然。
一切都很好，除了我被迫点击两次或三次“添加”按钮来执行函数，我想让“文本区域”自动聚焦。
我的脚本如下：
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.js">
</script&
浏览 0提问于2016-09-01得票数 0
3回答
上传文件时将按钮设置为文本挂起
、、、、
我正在创建一个简单的mvc应用程序，用户在其中上传一个文档，然后单击表单上的submit来上传文件。当计算机将文档上载到数据库时，我正在尝试将“Upload”文本更改为“Pending”(需要五分钟)。
我有这样的东西：
<input type="submit" class="btn btn-primary btn-block" value="Upload" onclick="this.disabled = true; value = 'Pending';" />
它将“Upload”按钮的文本更改为“
浏览 4提问于2014-03-13得票数 0
我有一个叫注册的表单。我决定不使用按钮，而是使用JavaScript来提交文本，但是表单不会提交。
<a href="javascript:document.getElementById('signup').submit();">Finished</a>
浏览 0提问于2016-06-03得票数 0
2回答
这是一个简单的javascript问题。
我有一个页面C，其中有一个文本区域T。T的内容是通过点击C上的各种按钮来添加的(本质上，T累积了按钮被点击的时间列表)。
还有一个按钮可以通过post请求将T的内容提交给服务器(T由表单元素包围)。
当用户忘记单击submit按钮并关闭页面窗口时，我希望T内容的发布无论如何都会发生，就像用户在关闭窗口之前单击了submit按钮一样。
我知道我可以拦截页面关闭并提示用户提交，但这不是我想要的。
从onbeforeunload调用的函数内部提交包含T的表单似乎是不可能的。
谢谢你的建议。
浏览 3提问于2012-10-30得票数 1
有人能帮我解决这个问题吗？
在JavaScript中，如果表单名为HELLO，我们可以使用"document.HELLO.submit();“提交表单。但是我遇到一种情况--网页上有一个按钮(按钮本身没有任何文本)，没有找到表单名称。
在JavaScript中，我可以以何种方式模拟提交到此按钮的操作？
谢谢。
浏览 2提问于2013-10-04得票数 0
回答已采纳
2回答
我在表单中有一个带有复选框的ASP.NET MVC视图。单击submit按钮时是否有方法更改复选框值？
我有一个包含两个文本输入和一个复选框的表单。我有两个提交按钮，当提交1被点击，我只是想提交它的形式。但是，当submit 2被单击时，我想要自动设置复选框，然后将表单发送给控制器。
有办法这样做吗？在视图中还是使用javascript？
浏览 4提问于2015-03-28得票数 0
回答已采纳
当您使用链接(而不是submit按钮)提交表单时，如何验证表单？
这是我用来提交表单的：
<a href='javascript:document.forms["send"].submit()'>Send</a>
但是，如何检查表单中的文本区并仅在文本区不为空时才提交呢？
浏览 2提问于2012-06-04得票数 0
我有一个表单提交按钮，上面连接了asp.net验证器。如果我创建了一个javascript函数来更改文本以在单击时进行处理，则它不起作用。该按钮标记验证器，并使整个页面回发。下面是我的代码：
C#
protected void Page_Load(object sender, EventArgs e)
{
btnPurchase.Attributes["onClick"] = "submit()";
}
Html
<script type="text/javascript">
function submit() {
浏览 1提问于2010-08-22得票数 3
回答已采纳
1回答
我正在整理一个搜索引擎。我需要一个文本字段(自动完成)和一个搜索按钮。(单击“搜索”按钮提交表单。)
有很多javascript自动完成解决方案(有些是在列出的)，但我需要一个与搜索按钮协同工作的解决方案。
具体来说，我正在寻找一个javascript小部件，它模仿Firefox搜索栏提供的功能.当用户在文本字段中键入时，“自动完成”将在下拉列表中显示建议。如果用户按Enter (例如，不接触下拉列表)，则提交表单(好像单击了搜索按钮)，用户在文本字段中键入的是提交给表单的值。或者，如果用户从自动完成下拉(键盘或鼠标)中选择一个值，则文本字段的值被设置为自动完成选择，并且表单被提交(就像单击搜
浏览 4提问于2009-10-07得票数 0
4回答
我有一个表单，它依赖于javascript来完成所有的客户端表单验证。如果所有字段都正确填写，则表单将通过javascript提交，而不是使用标准的“提交”按钮：
<button name="button" type=button onclick="validateReqFields('mForm', 'username, password, compPassword, firstName, lastName');">Register</button>
document[formName].submit(
浏览 4提问于2011-10-17得票数 9
回答已采纳
我有一个带有输入文本字段和“提交”按钮的表单。
在提交之前，我需要验证输入文本的类型是否为numeric，并且包含12位数字。如何使用JavaScript完成此操作？
谢谢。
浏览 0提问于2012-11-19得票数 0
回答已采纳
2回答
submit按钮允许在单击它时发送它的name和value属性以及请求的其余部分，从而可以记住哪个提交按钮是用来发送表单数据的。但是，发送的值必须与按钮上显示的文本相同。提交按钮有没有办法发送任意值而不是按钮文本，最好是不依赖于用户启用了JavaScript的方式？另外，这个问题的答案对于XHTML和HTML5有什么不同吗？
浏览 0提问于2012-08-02得票数 0
回答已采纳
1回答
我试图创建一个简单的.js文件，让我有一些提交按钮在这里和那里，文本段落在中间更改，根据提交按钮按下。Javascript社区是否提供了这样做的通用模板或特定模板？它不需要完全像这样，只是有几个提交按钮和文本的变化才是重要的。
浏览 0提问于2012-01-08得票数 0
4回答
我是WebDevelopment的新手，我遇到了以下问题。我有一个定义文本框的html文件，还有一个“查看所有内容”按钮。
用户可以在文本框中输入一个值并提交数据，然后每次输入新值时都重复此操作多次，此值应存储在Javascript数组中，用户在单击“查看所有内容”按钮时将能够查看Javascript数组的内容。
因此，我的问题是这些值如何动态地存储在Javascript中，并在用户完成时打印出来。
非常感谢你的回答。
诚挚的问候
奥尔加
浏览 0提问于2011-08-02得票数 1
我注意到IE中有一种相当奇怪的行为。
我有一个HTML表单，只有一个输入文本字段和一个提交按钮
在提交按钮上，我需要执行一个客户端JavaScript函数来完成必要的任务。
现在，当我想要阻止回发在文本字段(在输入键按下)。
我添加了一个键按JavaScript函数，如下所示：
<input type=text onkeypress="return OnEnterKeyPress(event)" />
function OnEnterKeyPress(event) {
var keyNum = 0;
if (win
浏览 1提问于2009-04-16得票数 2
回答已采纳
2回答
我有一个文本区域，我只想在文本区域被聚焦时出现提交按钮。
你能给我一个javascript代码，让按钮在文本区域被聚焦时出现吗？
浏览 3提问于2011-07-30得票数 0
2回答
我有一个有多个提交按钮和文本输入的页面。当文本输入被填充并按下任何按钮时，页面$_POST本身就可以捕获信息并再次操作它。
但是，当选择一个组合框选择为$_POST时，我希望页面为，而不按任何提交按钮。
这可以使用PHP吗?还是必须使用javascript来调用$_POST？
浏览 1提问于2014-12-12得票数 1
回答已采纳
有一个文本输入，我想知道当用户更改文本时立即知道，但我也想使用去抖动功能。这样，例如，我可以在用户更改文本时禁用提交按钮，并在检查去抖动函数中的文本后启用提交按钮。
有没有一种方法可以用纯AngularJS做到这一点？或者我应该使用javascript/jquery？
使用此代码，我只能知道用户在去抖动500ms延迟后更改了文本：
<!doctype html>
<html ng-app="app">
<head>
<script src="http://localhost/js/angular.min.
浏览 2提问于2015-06-25得票数 1
我已经和这个问题斗争了一整天了。我希望有人能给我一个答案。我搜索了一大堆，似乎找不到答案。
我有一个页面，上面有3个表单。我在第二种形式中工作。这些表单都没有嵌入到其他表单中。
我有一个隐藏的div，它包含两个表单元素，一个下拉列表和一个文本框，以及一个提交按钮，我预计它会发布到包含它的表单中。在表单本身的另一个按钮(不是提交按钮)上，我有启动jquery.Dialog的javascript，代码如下所示：
function showReleaseDiv() {
var div = $("#ReleaseHoldsDiv");
var f = div.close
浏览 0提问于2012-02-22得票数 0
回答已采纳
2回答
我正在用Jquery做学校作业，我只想知道是否有可能以及如何做以下事情:页面A具有以下功能:外部JS文件，它具有允许用户输入某些文本的功能，然后当他们按下提交按钮时，该文本将自动放入段落文本中，因为我使用JS来获取元素，并使用innerhtml替换文本。
外部JS文件：
function grabText() {
var grabThePara = document.getElementById("firstP").value;
var intoParagraph = document.getElementById("pOne").inne
浏览 0提问于2013-12-05得票数 0
3回答
我的问题可能是基本的，但我希望它能澄清。我有一个超文本标记语言表单。它包含2个提交按钮和一些链接。在点击其中一个链接，我试图提交的形式通过java脚本，但不能这样做。但是，当我把所有的按钮作为正常的按钮，并通过JavaScript提交表单，然后我就可以提交链接的表单了。
现在我的问题是-如果我们在表单中有提交按钮，那么我们也可以通过java-script提交表单吗？
浏览 3提问于2012-06-21得票数 0
我不确定是否需要一个表单，它是一个javascript，它从文本框中获取输入，对其进行一些计算，并在div中显示结果。我只希望用户能够通过单击submit或按enter来提交。
简而言之，如果按钮类型是" button "，则单击可以正常工作，但按enter却很奇怪；如果按钮类型是"submit"，则按Enter键可以很好地工作，但单击却很奇怪。下面是代码示例(删除了一些业务逻辑和其他变量，它们可以很好地工作，以便在这里更容易显示)：
<form action="#" onsubmit="calcserial()">
浏览 1提问于2011-07-28得票数 0
回答已采纳
1回答
我将尽我所能地解释这一点。
我有一个接受多个字段的表单，最后通过电子邮件将所有字段发送到一个特定的电子邮件地址。
例如，我有三个文本框、一个列表框和两个提交按钮。
其中两个文本框是名字和电子邮件地址
第三个文本框用于填充列表框。因此，如果我输入，耐克，进入第三个文本框并按下第一个提交按钮。耐克现在将出现在列表框中。
我希望能够根据需要在列表框中填充任意数量的条目，然后按下第二个submit按钮发送所有信息(名字、电子邮件地址和列表框中的所有项目)。
问题是，按下第一个submit按钮总是会触发发送的电子邮件，因为我正在“发布”。
我现在把一切都准备好了。第三个文本框将新数据提交到mysql中的
浏览 2提问于2010-05-06得票数 0
回答已采纳
1回答
表单提交后重置文本字段
、、、
我有一个文本字段和一个按钮来提交这个文本字段，看起来像
<form action="/library" method='POST'>
{{ form_add_library_category.name(size=80, class="form-control", id="new_category_field", placeholder='New category', onkeyup="stoppedTyping()", style="height:35px;width:2
浏览 0提问于2015-12-26得票数 0
假设我有两个html文件: form.html和confirm.html
form.html只有一个文本字段和一个提交按钮，当你点击提交时，它会显示你刚刚在文本字段中输入的内容。
<HTML>
<HEAD>
<TITLE>Test</TITLE>
<script type="text/javascript">
function display(){
document.write("You entered: "
浏览 3提问于2012-10-15得票数 1
回答已采纳
所以这件事困扰了我一段时间了。我发现一个页面断断续续地提交表单内容两次。为了简化，输入是一个文本字段和一个按钮。经过进一步检查，我注意到一个表单提交包括文本和按钮输入，而另一个提交只发送文本输入。
我设置了一个测试页面来排除故障。我把它放在jsfiddle上，但我不认为它会有多大帮助，因为我看不到使用HTTP代理工具(如Fiddler )传递的值。
<form method="post" action="www.google.com" onsubmit="alert('form submitted');" id="
浏览 3提问于2016-07-29得票数 2
回答已采纳
一个页面上有几个<asp:TextBox TextMode="MultiLine">元素。在加载时，我会填充它们(通过后面的VB代码)，然后将它们转换为TinyMCE编辑器(通过jQuery TinyMCE插件)。每个文本框还有一个与其相关的按钮，目的是将文本提交回后面的代码以插入数据库。
我早些时候发现，当单击submit按钮时，我必须将编辑器的内容“保存”到文本框，但这不是我的问题。即使我这样做了，编辑也不会出现在后面的代码中。
正如我提到的，我正在使用jQuery。这是我的点击处理程序。请记住，所有按钮都是ASP.NET中的提交按钮，因此submit类：
$(
浏览 2提问于2010-11-23得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
