Отключить кнопку отправки ТОЛЬКО после отправки
У меня есть следующий 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 выше конфликтует с операцией submit.
Любые предложения по решению этой проблемы будут чрезвычайно полезны.