Deaktivieren Sie die Schaltfläche zum Senden NUR nach dem Senden
Ich habe das folgende HTML und 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>
Im Moment wird der Submit-Button deaktiviert, wenn er gedrückt wird. Einmal gedrückt, scheint der Submit jedoch nicht zu funktionieren. Wenn ich die Abfrage zum Deaktivieren der Schaltfläche entfernt habe, führt die Schaltfläche die Übermittlung normal aus.
Wie kann ich die Schaltfläche erst deaktivieren, nachdem die Übermittlung durchgeführt wurde? Die obige aktuelle Abfrage scheint mit der Submit-Operation zu kollidieren.
Vorschläge zur Behebung dieses Problems wären äußerst hilfreich.