Add loading spinner for submit buttons

2020-07-29 21:32:16 -04:00
parent a3c2bc8ba8
commit beedc96e45
1 changed files with 11 additions and 2 deletions
@@ -5,7 +5,8 @@
 		return false;
 	});

-	$("form.confirm").submit(function () {
+    $("form.confirm").submit(function (event) {
+        event.preventDefault();
 		var form = this;
 		var text = "Confirm";
 		var confirmMsg = $(form).attr("confirm-msg");
@@ -27,6 +28,14 @@
 		return false;
    });

+    $("form:not(.confirm)").submit(function() {
+        var btn = $(this).find(":submit");
+        btn.prop("disabled", true);
+        btn.html(
+            '<span class="spinner-border spinner-border-sm mr-3" role="status" aria-hidden="true"></span>Loading...'
+        );
+    });
+
 	$(".read-more")
 		.click(function () {
 			var control = $(this).attr('readcontrol');