Deshabilitar el botón de envío SOLAMENTE después de enviar
Tengo el siguiente HTML y 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>
En su posición actual, el botón Enviar se desactiva cuando se presiona. Sin embargo una vez presionado no parece realizar el envío. Si quité el jQuery para deshabilitar el botón, el botón realiza el envío normalmente.
¿Cómo puedo deshabilitar el botón solo después de que haya realizado el envío? El jQuery actual de arriba parece estar en conflicto con la operación de envío.
Cualquier sugerencia para resolver este problema sería extremadamente útil.