gpt4 book ai didi

javascript - 仅在提交后禁用提交按钮

转载 作者:行者123 更新时间:2023-12-03 21:32:08 25 4
gpt4 key购买 nike

我有以下 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="post" action="#">
<input type="submit" class="submitBtn" value="I Accept"/>
</form>
</p>




<!--script to disable the submit button -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js">
</script>
<script type="text/javascript">

$(document).ready(function () {
$(".submitBtn").click(function () {
$(".submitBtn").attr("disabled", true);
return true;
});
});

</script>
<!--script ends here-->

</body>
</html>

就其本身而言,按下提交按钮后将被禁用。然而,一旦按下,它似乎不会执行提交。如果我删除 jquery 来禁用该按钮,该按钮就会正常执行提交。

如何才能仅在执行提交后禁用该按钮?上面当前的jquery似乎与提交操作冲突。

任何解决此问题的建议都会非常有帮助。

最佳答案

在提交事件中添加禁用部分。

$(document).ready(function () {
$("#yourFormId").submit(function () {
$(".submitBtn").attr("disabled", true);
return true;
});
});

关于javascript - 仅在提交后禁用提交按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17106885/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com