(客户端)禁用提交按钮的最佳方法是什么？
在客户端，禁用提交按钮的最佳方法是使用JavaScript。具体操作如下：
- 在HTML代码中，给提交按钮添加一个ID属性，例如
id="submitBtn"。
- 在JavaScript代码中，通过ID选择器获取提交按钮元素，并设置其
disabled属性为true。
document.getElementById("submitBtn").disabled = true;这样，提交按钮就会被禁用，无法再被点击。当需要恢复提交按钮的使用时，只需将disabled属性设置为false即可。
推荐的腾讯云相关产品和产品介绍链接地址：
相关·内容
14回答
仅在提交后禁用提交按钮
javascript、jquery、button、submit
我有以下HTML和jquery：
<html dir="ltr" lang="en">
<head>
</head>
<body>
<h2>Test disabling submit button for 1 minute...</h2>
<br/>
<p style="text-align:center">
<form id="yourFormId" name="yourFormId" method=&#
浏览 4提问于2013-06-14得票数 39
4回答
html禁用值按钮
javascript、jquery、html
<html>
<head>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<script>
function checkValue() {
var id=$('#testValue').val();
if(id < 10){
浏览 0提问于2018-03-13得票数 1
回答已采纳
4回答
单击后Javascript禁用按钮，但表单不提交
javascript、jquery
我有一个代码，在一次完全点击后禁用按钮，但问题是，表单没有提交。如何在单击一次后禁用该按钮，然后仍有表单提交。
代码
<input id="submitbtn" name="submit" type="submit" value="Submit for Payment" />
<script type="text/javascript">
$(function(){
$('#submitbtn').one('click', funct
浏览 13提问于2017-05-02得票数 2
回答已采纳
3回答
如果表单未填写，禁用“提交”按钮
javascript、html、function、button
我想让他提交按钮在表单上禁用，如果名字，电子邮件和评论没有填写。我在HTML (Submit)中禁用了按钮。这是一段片段。
即使填充了列，按钮仍然是禁用的，我不知道还能做什么.我尝试过许多不同的方法，但还没有找到解决办法。
const submitBtn = document.getElementById('submit');
const firstName = document.getElementById('first-name')
const email = document.getElementById('email')
const
浏览 19提问于2021-12-07得票数 0
回答已采纳
1回答
使用Javascript表单提交所需的HTML5
javascript、jquery、html、forms、validation
我有一个表单，有一个提交按钮，在点击被禁用后，避免双重插入。现在我遇到了一个问题，jQuery$(“#element”).submit()浏览器没有处理表单中所需的字段。这里我的代码：
<form ...>
<input type='text' name='element' required/>
<button onClick='disable_btn();' id='submitbtn' type="submit"
class="btn btn-info
浏览 3提问于2015-03-26得票数 0
回答已采纳
1回答
如何禁用和更改foreach循环中单个条纹按钮的文本
javascript、jquery、laravel、stripe-payments
我正在使用条纹基本结帐按钮，这是循环通过我的产品，有没有办法禁用和更改后的按钮提交按钮的文本，而不影响其他产品上的按钮。我有困难，试图禁用付款后提交的单个按钮，不会影响其他产品的按钮。
所以我想要发生的是，在我提交我的信息并完成这个过程后，我点击了“用卡支付”。我刚买的产品，我想禁用按钮，这样我只能购买产品一次。
@foreach($userproduct as $product)
<div class="col-md-6 col-lg-4">
<form id="btnst" action="{{ '/ac
浏览 0提问于2018-06-13得票数 0
2回答
禁用提交按钮，直到选中一组动态创建的单选按钮。
javascript、jquery、html、razor
我想禁用提交按钮，直到选择一组单选按钮之一。我知道有类似的问题，但是没有一个是动态创建的单选按钮组.
这是我拥有的..。页面顶部的脚本在先前的视图中生成多个给定用户上传的按钮：
var jScriptArray = new Array(@ViewBag.ColNames.Length);
var array = @Html.Raw(Json.Encode(ViewBag.ColNames));
for( var i = 0; i < @ViewBag.ColNames.Length; i++ ) {
jScriptArray[i] = array[i];
}
var length
浏览 5提问于2014-06-19得票数 1
回答已采纳
6回答
禁用链接按钮仍在asp.net webform中提交
javascript、asp.net
我试图禁用一个链接按钮，以防止用户提交几次。
我在这里看到过许多这样的问题，所以大多数人建议使用以下javascript：
button.disabled = true或button.disabled = 'disabled'
这确实禁用了按钮(按钮是灰色的)，但问题是它仍然是可点击的，并且仍然提交！！
下面是我已删除的代码：
function ValidateButton(button){
`// some other code`
`button.disabled = true;`
`button.value = 'Processing...';`
}
<
浏览 7提问于2010-12-15得票数 2
回答已采纳
4回答
如何使用Javascript禁用jquery按钮样式的<a>
javascript、jquery、html、css
我有一个使用jquery样式的HTML <a>显示为一个按钮。html如下所示：
<a id= "delete-user"class="ui-button ui-widget ui-corner-all">DELETE USER</a>
<a id= "save-user" class="ui-button ui-widget ui-corner-all" style="float:right">SAVE</a>
我尝试过在javascript中设置元素
浏览 8提问于2016-09-25得票数 0
回答已采纳
1回答
当禁用属性被JavaScript更改为false时，Commandbutton不调用操作
javascript、jsf、jsf-2、primefaces
我在JSF + PrimeFaces中构建了web应用程序。在web表单中，我将primefaces的命令按钮的禁用属性设置为true。在对表单输入字段执行自定义客户端验证之后加载表单时，根据表单上的用户输入，我将命令的禁用属性设置为false或true。注意:在这里，如果所有验证都通过按钮，则启用，但同时，如果用户编辑某些输入和验证失败，则再次禁用按钮。
<p:commandButton id="saveButton" value="Save" actionListener="#{some method of bean}"
update
浏览 2提问于2012-06-10得票数 1
回答已采纳
1回答
禁用WooCommerce添加到购物车按钮后，首先单击“阻止提交”
javascript、jquery、wordpress、woocommerce
我试图在用户单击WooCommerce Add to cart按钮时禁用它，原因有二。
以防止多次单击它。
为了向用户显示他们的点击做了些什么
我使用了这个代码：
if ($('body').filter('.single-product')) {
var add_cart_button = $('.single_add_to_cart_button');
/* Disable button on add to bag click if button is active */
add_cart_but
浏览 1提问于2019-04-11得票数 1
3回答
提交表单上的块按钮
javascript、jquery、asp.net-mvc、forms
尝试避免在submit按钮上多次提交，使用属性disabled单击，但单击它只会阻塞按钮，什么也不会发生。尝试将id添加到Html.Begin窗体，但单击它会出现服务器应用程序错误，如：the parameters dictionary contains a null entry for parameter 'id' of non-nullable type System.Int32
@using (Html.BeginForm(MVC.Controller.MethodName(), FormMethod.Post, new { id = "submitFormId&
浏览 1提问于2016-11-22得票数 0
回答已采纳
2回答
提交后禁用Jquery提交按钮
javascript、jquery
我想在表单提交后禁用提交按钮。这意味着在用户单击submit之后，submit按钮应该不可点击。这意味着我希望提交按钮即使在刷新后也保持禁用状态
; (function ($) {
$.fn.tpFormDialogCustom = function (method) {
var self = this;
var dialogButtons = [
{
text: "Submit and Email",
id: "tpFormDialog_btnSu
浏览 18提问于2016-08-28得票数 1
2回答
使用jquery单击后禁用该按钮
javascript、php、jquery、opencart2.x
我正在做opencart。我不希望我的用户购买多个产品，他们只能购买一个产品与一个客户id，所以我希望我的添加到购物车按钮来帮助我。如果成功执行添加到购物车过程，我希望禁用此按钮(只读)。
HTML：
<button type="button" id="button-cart" data-loading-text="<?php echo $text_loading; ?>" class="btn btn-primary btn-lg btn-block"><?php echo $button_car
浏览 0提问于2015-10-16得票数 0
7回答
在.net应用程序中使用jquery禁用回发按钮
asp.net、jquery
我有一个asp.net应用程序，我想要禁用按钮，一旦他们被点击，以防止多次提交。我想为此使用jquery，因为这个站点已经自由地使用了它。
我试过的是：
$(document).ready(function () {
$("#aspnetForm").submit(function () {
$('input[type=submit]', $(this)).attr("disabled", "disabled");
})
});
上面的按钮将禁用该按钮，页面将提交，但从来不调用单击处理程序上的asp
浏览 3提问于2010-05-21得票数 8
回答已采纳
1回答
disabled={true} HTML按钮属性在JavaScript + React中不能正常工作
javascript、html、reactjs
disabled={true} HTML按钮有问题。应用程序在JavaScript + React中。我将按钮初始值设置为disabled={true} .For示例目的，我将其称为id="button1“。一旦我单击了另一个按钮，比如说id=button2，我就用代码document.getElementById('button1').disabled=false;重新启用了我的button1。按钮重新启用，但一旦单击它就没有任何功能，它看起来仍然是禁用的。我做错了什么？ 好的，下面是我的简化代码： function App() {
const approv
浏览 52提问于2021-09-20得票数 2
回答已采纳
4回答
如何停止表单提交并抛出错误jquery
javascript、jquery、html、ajax
嗨，我有弹出按钮，提交支付网关信息。所有我想要的是当付款方法(单选按钮)或接受条款(复选框)没有选中，我必须抛出错误，如果选择任何一个，然后抛出错误检查另一个，如果两者都被选中，然后打开新的迷你浏览器。其中我使用AJAX来提交这些值。
$(document).ready(function() {
$(document).on("mouseover", ".imgpayment", function() {
$(this).parent().addClass("paymenthover");
});
$
浏览 5提问于2015-07-09得票数 1
回答已采纳
1回答
我希望在使用(没有框架，没有库)单击禁用按钮时显示工具提示
javascript、tooltip、salesforce-commerce-cloud
<button class="product-add__button add-to-cart button button--primary set--w-100"
data-pid="${product.id}" ${!product.readyToOrder || !product.available ? "disabled : ""}
data-product-component="add-button"
data-url="${pdict.addToCar
浏览 3提问于2020-08-02得票数 0
4回答
根据复选框将引导按钮从“禁用”更改为“活动”
javascript
我想使用我找到的复选框函数，但是在我现有的页面中，我使用了具有以下形式的引导按钮。
<p style="color: #FFFFFF">I have read and agree to the terms and conditions
<input type="checkbox" id="termsChkbx " onclick="change_button(this,'sub1')"/>
</p>
<a class="btn btn-light b
浏览 6提问于2019-12-16得票数 1
回答已采纳
5回答
提交表单时的按钮图像中断
jquery、html
当表单提交时，我试图在按钮元素中更改图像的src。由于某种原因，新的映像src在表单提交时无法加载(损坏的链接图像，在FF中没有)，但是如果我使用return false;，我可以看到图像交换正确。尝试使用背景图像，这似乎是可行的，但它破坏了默认的用户代理按钮样式。
下面是我正在使用的代码和一个示例小提琴(将return true;更改为return false;以查看图像的工作情况)。
<form method="post" id="testForm" action="#">
<input type="text
浏览 5提问于2014-01-23得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频活动推荐
腾讯云开发者
