<div class="container">
<div class="row justify-content-center">
<div class="col-12 col-md-8">
- <form action="" method="POST">
+ <form id="donation-form" action="" method="POST">
{% raw xsrf_form_html() %}
<div class="p-4 bg-light rounded">
var frequency = $("input[name='frequency']");
var submit = $("#donate");
var modal = $("#modal-monthly-suggestions");
+ var form = $("#donation-form");
// Adjust form to default currency
if (currency.val() == "EUR") {
}
});
+ // Disable all submit buttons after the form has been submitted
+ form.one("submit", function() {
+ submit.prop("disabled", true);
+ $(".monthly-amount-suggestion").prop("disabled", true);
+ });
+
$(".monthly-amount-suggestion").click(function (event) {
// Set frequency to monthly
$("input[name='frequency-selector']").prop("checked", false);