Wyłącz przycisk wysyłania TYLKO po przesłaniu
Mam następujący kod HTML i 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>
Gdy jego podstawka jest wciśnięta, przycisk przesyłania zostaje wyłączony. Jednak po naciśnięciu nie wydaje się, aby przesłać. Jeśli usunąłem jquery, aby wyłączyć przycisk, przycisk wykonuje normalnie przesyłanie.
Jak mogę wyłączyć przycisk dopiero po wykonaniu przesłania? obecne jquery powyżej wydaje się kolidować z operacją przesyłania.
Wszelkie sugestie dotyczące rozwiązania tego problemu byłyby niezwykle pomocne.