diff --git a/files/templates/admin/alt_votes.html b/files/templates/admin/alt_votes.html
index 1e1cbd741..b3a5c9aa2 100644
--- a/files/templates/admin/alt_votes.html
+++ b/files/templates/admin/alt_votes.html
@@ -17,7 +17,7 @@
 	<label for="link-input">Usernames</label>
 	<input autocomplete="off" id="link-input" type="text" class="form-control mb-2" name="u1" value="{{u1.username if u1 else ''}}" placeholder="User 1">
 	<input autocomplete="off" id="link-input" type="text" class="form-control mb-2" name="u2" value="{{u2.username if u2 else ''}}" placeholder="User 2">
-	<input type="submit" onclick="this.classList.add('disabled')" value="Submit" class="btn btn-primary">
+	<input type="submit" onclick="disable(this)" value="Submit" class="btn btn-primary">
 </form>
 
 {% if u1 and u2 %}
@@ -77,7 +77,7 @@
 	<input type="hidden" name="formkey" value="{{v.formkey}}">
 	<input type="hidden" name="u1" value="{{u1.id}}">
 	<input type="hidden" name="u2" value="{{u2.id}}">
-	<input type="submit" onclick="this.classList.add('disabled')" id="linkbtn" class="btn btn-primary d-none" value="Confirm Link: {{u1.username}} and {{u2.username}}">
+	<input type="submit" onclick="disable(this)" id="linkbtn" class="btn btn-primary d-none" value="Confirm Link: {{u1.username}} and {{u2.username}}">
 </form>
 
 {% endif %}
diff --git a/files/templates/admin/awards.html b/files/templates/admin/awards.html
index dc34a9c2e..20f740bd2 100644
--- a/files/templates/admin/awards.html
+++ b/files/templates/admin/awards.html
@@ -58,7 +58,7 @@
 			{% endfor %}
 		</table>
 
-		<input autocomplete="off" class="btn btn-primary mt-3" type="submit" onclick="this.classList.add('disabled')" value="Grant Awards">
+		<input autocomplete="off" class="btn btn-primary mt-3" type="submit" onclick="disable(this)" value="Grant Awards">
 
 	</form>
 
diff --git a/files/templates/admin/badge_grant.html b/files/templates/admin/badge_grant.html
index 69169250a..7f1e18867 100644
--- a/files/templates/admin/badge_grant.html
+++ b/files/templates/admin/badge_grant.html
@@ -73,7 +73,7 @@
 <label for="input-description">Custom description</label><br>
 <input autocomplete="off" id="input-description" class="form-control" type="text" name="description" placeholder="Leave blank for badge default">
 
-<input autocomplete="off" class="btn btn-primary" type="submit" onclick="this.classList.add('disabled')">
+<input autocomplete="off" class="btn btn-primary" type="submit" onclick="disable(this)">
 
 </form>
 
diff --git a/files/templates/admin/badge_remove.html b/files/templates/admin/badge_remove.html
index 844188803..c1493b93f 100644
--- a/files/templates/admin/badge_remove.html
+++ b/files/templates/admin/badge_remove.html
@@ -73,7 +73,7 @@
 <label for="input-description">Custom description</label><br>
 <input autocomplete="off" id="input-description" class="form-control" type="text" name="description" placeholder="Leave blank for badge default">
 
-<input autocomplete="off" class="btn btn-primary" type="submit" onclick="this.classList.add('disabled')">
+<input autocomplete="off" class="btn btn-primary" type="submit" onclick="disable(this)">
 
 </form>
 
diff --git a/files/templates/admin/banned_domains.html b/files/templates/admin/banned_domains.html
index f9ce64286..f3f305560 100644
--- a/files/templates/admin/banned_domains.html
+++ b/files/templates/admin/banned_domains.html
@@ -31,7 +31,7 @@
 	<input type="hidden" name="formkey" value="{{v.formkey}}">
 	<input autocomplete="off" name="domain" placeholder="Enter domain here.." class="form-control" required>
 	<input autocomplete="off" name="reason" placeholder="Enter ban reason here.." oninput="document.getElementById('ban-submit').disabled=false" class="form-control">
-	<input autocomplete="off" id="ban-submit" type="submit" onclick="this.classList.add('disabled')" class="btn btn-primary" value="Toggle ban" disabled>
+	<input autocomplete="off" id="ban-submit" type="submit" onclick="disable(this)" class="btn btn-primary" value="Toggle ban" disabled>
 </form>
 
 {% endblock %}
\ No newline at end of file
diff --git a/files/templates/admin/sidebar.html b/files/templates/admin/sidebar.html
index 94dd7935c..77b6c49b6 100644
--- a/files/templates/admin/sidebar.html
+++ b/files/templates/admin/sidebar.html
@@ -30,7 +30,7 @@
 						<textarea autocomplete="off" maxlength="10000" class="form-control rounded" id="bio-text" aria-label="With textarea" placeholder="Enter sidebar here..." rows="50" name="sidebar" form="profile-settings">{% if sidebar %}{{sidebar}}{% endif %}</textarea>
 
 						<div class="d-flex mt-2">
-							<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="this.classList.add('disabled')" value="Save">
+							<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Save">
 						</div>
 					</form>
 				</div>
diff --git a/files/templates/award_modal.html b/files/templates/award_modal.html
index 62840bdc9..138a1d85e 100644
--- a/files/templates/award_modal.html
+++ b/files/templates/award_modal.html
@@ -27,7 +27,7 @@
 					<label id="notelabel" for="note" class="pt-4">Note (optional):</label>
 					<input autocomplete="off" id="kind" name="kind" value="" hidden>
 					<textarea autocomplete="off" id="note" maxlength="200" name="note" class="form-control" placeholder="Note to include in award notification..."></textarea>
-					<input autocomplete="off" id="giveaward" class="awardbtn btn btn-primary mt-3" style="float:right" type="submit" onclick="this.classList.add('disabled')" value="Give Award" disabled>
+					<input autocomplete="off" id="giveaward" class="awardbtn btn btn-primary mt-3" style="float:right" type="submit" onclick="disable(this)" value="Give Award" disabled>
 					<button id="buy1" class="awardbtn btn btn-primary mt-3 mx-3 {% if SITE_NAME in ('Cringetopia', 'WPD') %}d-none{% endif %}" type="button" disabled style="float:right" onclick="buy(true)">Buy with marseybux</button>
 					<button id="buy2" class="awardbtn btn btn-primary mt-3" type="button" disabled style="float:right" onclick="buy()">Buy</button>
 					<pre>
diff --git a/files/templates/chat.html b/files/templates/chat.html
index 9b77d8d23..bbcd1432a 100644
--- a/files/templates/chat.html
+++ b/files/templates/chat.html
@@ -178,7 +178,7 @@
 					</div>
 					<i class="btn btn-secondary mr-2 fas fa-smile-beam" style="padding-top:0.65rem" onclick="loadEmojis('input-text')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-placement="bottom" title="Add Emoji"></i>
 					<textarea id="input-text" minlength="1" maxlength="1000" type="text" class="form-control" placeholder="Message" autocomplete="off" autofocus rows="1"></textarea>
-					<button id="chatsend" onclick="send()" class="btn btn-primary ml-3" type="submit" onclick="this.classList.add('disabled')">Send</button>
+					<button id="chatsend" onclick="send()" class="btn btn-primary ml-3" type="submit" onclick="disable(this)">Send</button>
 				</div>
 			</div>
 		</div>
diff --git a/files/templates/contact.html b/files/templates/contact.html
index 688f88749..f94b0ee70 100644
--- a/files/templates/contact.html
+++ b/files/templates/contact.html
@@ -38,7 +38,7 @@
 			<div id="filename"><i class="fas fa-file"></i></div>
 			<input autocomplete="off" id="file-upload" accept="image/*, video/*, audio/*" type="file" name="file" multiple="multiple" {% if request.headers.get('cf-ipcountry')=="T1" %}disabled{% endif %} onchange="changename('filename','file-upload')" hidden>
 		</label>
-		<input type="submit" onclick="this.classList.add('disabled')" value="Submit" class="btn btn-primary mt-3">
+		<input type="submit" onclick="disable(this)" value="Submit" class="btn btn-primary mt-3">
 	</form>
 
 	<pre>
diff --git a/files/templates/errors/nsfw.html b/files/templates/errors/nsfw.html
index 812bf0138..07a9d4f49 100644
--- a/files/templates/errors/nsfw.html
+++ b/files/templates/errors/nsfw.html
@@ -17,7 +17,7 @@
 
 				<form action="/allow_nsfw" method="post">
 					<input type="hidden" name="redir" value="{{request.full_path}}">
-					<input type="submit" onclick="this.classList.add('disabled')" class="btn btn-danger mr-2" value="Yes, I am +18">
+					<input type="submit" onclick="disable(this)" class="btn btn-danger mr-2" value="Yes, I am +18">
 				</form>
 				<div><a href="/" class="btn btn-secondary">No</a></div>
 			</div>
diff --git a/files/templates/forgot_password.html b/files/templates/forgot_password.html
index df2ab7882..38ea6f500 100644
--- a/files/templates/forgot_password.html
+++ b/files/templates/forgot_password.html
@@ -21,7 +21,7 @@
 
 																<input type="email" pattern='([A-Za-z0-9]+[.-_])*[A-Za-z0-9]+@[A-Za-z0-9-]+(\.[A-Z|a-z]{2,})+' autocomplete="off" class="form-control" id="password" aria-describedby="passwordHelp" name="email" required>
 
-																<input autocomplete="off" class="btn btn-primary login w-100 mt-3" type="submit" onclick="this.classList.add('disabled')" value="Send recovery link">
+																<input autocomplete="off" class="btn btn-primary login w-100 mt-3" type="submit" onclick="disable(this)" value="Send recovery link">
 
 														</form>
 
diff --git a/files/templates/lost_2fa.html b/files/templates/lost_2fa.html
index 1a17ba466..96d9ad553 100644
--- a/files/templates/lost_2fa.html
+++ b/files/templates/lost_2fa.html
@@ -26,7 +26,7 @@
 
 																<input autocomplete="off" class="form-control" id="password" type="email" pattern='([A-Za-z0-9]+[.-_])*[A-Za-z0-9]+@[A-Za-z0-9-]+(\.[A-Z|a-z]{2,})+' name="email" required=""{% if v %} value="{{v.email}}" disabled{% endif %}>
 
-																<input autocomplete="off" class="btn btn-primary login w-100 mt-3" type="submit" onclick="this.classList.add('disabled')" value="Send recovery link">
+																<input autocomplete="off" class="btn btn-primary login w-100 mt-3" type="submit" onclick="disable(this)" value="Send recovery link">
 
 														</form>
 
diff --git a/files/templates/oauth.html b/files/templates/oauth.html
index c2f40b538..ac624e6e0 100644
--- a/files/templates/oauth.html
+++ b/files/templates/oauth.html
@@ -23,7 +23,7 @@
 				<input type="hidden" name="client_id" value="{{application.client_id}}">
 				<input type="hidden" name="state" value="{{state}}">
 
-				<input type="submit" onclick="this.classList.add('disabled')" class="btn btn-primary" id="auth_button" value="Authorize {{application.app_name}}">
+				<input type="submit" onclick="disable(this)" class="btn btn-primary" id="auth_button" value="Authorize {{application.app_name}}">
 
 				<a href="/" class="btn btn-secondary">No, back to {{SITE_NAME}}</a>
 
diff --git a/files/templates/post_actions.html b/files/templates/post_actions.html
index 03d1b4376..fd6a3328d 100644
--- a/files/templates/post_actions.html
+++ b/files/templates/post_actions.html
@@ -1,7 +1,7 @@
 {% if v and v.id==p.author_id and p.private %}
 	<form action="/publish/{{p.id}}" method="post">
 		<input type="hidden" name="formkey", value="{{v.formkey}}">
-		<button class="list-inline-item text-small p-0 m-0 mr-3 border-0 nobackground font-weight-bold" type="submit" onclick="this.classList.add('disabled')"><i class="fas fa-globe"></i>Publish</button>
+		<button class="list-inline-item text-small p-0 m-0 mr-3 border-0 nobackground font-weight-bold" type="submit" onclick="disable(this)"><i class="fas fa-globe"></i>Publish</button>
 	</form>
 {% endif %}
 
diff --git a/files/templates/post_actions_mobile.html b/files/templates/post_actions_mobile.html
index 54621738d..f01ee5a61 100644
--- a/files/templates/post_actions_mobile.html
+++ b/files/templates/post_actions_mobile.html
@@ -1,7 +1,7 @@
 {% if v and v.id==p.author_id and p.private %}
 	<form class="btn-block" action="/publish/{{p.id}}" method="post">
 		<input type="hidden" name="formkey", value="{{v.formkey}}">
-		<button class="nobackground btn btn-link btn-lg text-left text-muted" data-bs-dismiss="modal" type="submit" onclick="this.classList.add('disabled')"><i class="fas fa-globe text-center mr-3"></i>Publish</button>
+		<button class="nobackground btn btn-link btn-lg text-left text-muted" data-bs-dismiss="modal" type="submit" onclick="disable(this)"><i class="fas fa-globe text-center mr-3"></i>Publish</button>
 	</form>
 {% endif %}
 
diff --git a/files/templates/reset_password.html b/files/templates/reset_password.html
index 9b17cbf73..d5acdb1ae 100644
--- a/files/templates/reset_password.html
+++ b/files/templates/reset_password.html
@@ -24,7 +24,7 @@
 																<input autocomplete="off" class="form-control" id="confentry" aria-describedby="passwordHelp"
 																		type="password" name="confirm_password" required="">
 
-																<input autocomplete="off" class="btn btn-primary login w-100 mt-3" type="submit" onclick="this.classList.add('disabled')" value="Change password">
+																<input autocomplete="off" class="btn btn-primary login w-100 mt-3" type="submit" onclick="disable(this)" value="Change password">
 
 														</form>
 
diff --git a/files/templates/settings.html b/files/templates/settings.html
index 72abbf177..e1a28994c 100644
--- a/files/templates/settings.html
+++ b/files/templates/settings.html
@@ -201,7 +201,7 @@
 						</div>
 						<div class="modal-footer">
 							<button class="btn btn-link text-muted" data-bs-dismiss="modal">Cancel</button>
-							<input autocomplete="off" id="enable2faButton" class="btn btn-primary" type="submit" onclick="this.classList.add('disabled')" value="Enable 2-step login" disabled>
+							<input autocomplete="off" id="enable2faButton" class="btn btn-primary" type="submit" onclick="disable(this)" value="Enable 2-step login" disabled>
 						</div>
 					</form>
 				</div>
@@ -225,7 +225,7 @@
 						</div>
 						<div class="modal-footer">
 							<button class="btn btn-link text-muted" data-bs-dismiss="modal">Cancel</button>
-							<input autocomplete="off" id="disable2faButton" class="btn btn-primary" type="submit" onclick="this.classList.add('disabled')" value="Disable 2-step login" disabled>
+							<input autocomplete="off" id="disable2faButton" class="btn btn-primary" type="submit" onclick="disable(this)" value="Disable 2-step login" disabled>
 						</div>
 					</form>
 				</div>
diff --git a/files/templates/settings_apps.html b/files/templates/settings_apps.html
index 27042cbcc..6626dfede 100644
--- a/files/templates/settings_apps.html
+++ b/files/templates/settings_apps.html
@@ -44,7 +44,7 @@
 		<div class="footer">
 			<div class="d-flex">
 				<a role="button" class="btn btn-secondary ml-auto" onclick="post_toast(this,'/oauth/reroll/{{app.id}}', true)">Reroll Client ID</a>
-				<input type="submit" onclick="this.classList.add('disabled')" class="btn btn-primary ml-2" value="Save Changes">
+				<input type="submit" onclick="disable(this)" class="btn btn-primary ml-2" value="Save Changes">
 			</div>
 		</div>
 	</div>
@@ -82,7 +82,7 @@
 		</div>
 		<div class="footer">
 			<div class="d-flex">
-				<input type="submit" onclick="this.classList.add('disabled')" class="btn btn-primary ml-auto" value="Save Changes">
+				<input type="submit" onclick="disable(this)" class="btn btn-primary ml-auto" value="Save Changes">
 			</div>
 		</div>
 	</div>
@@ -136,7 +136,7 @@
 		</div>
 		<div class="footer">
 			<div class="d-flex">
-				<input type="submit" onclick="this.classList.add('disabled')" class="btn btn-primary ml-auto" value="Request API Key">
+				<input type="submit" onclick="disable(this)" class="btn btn-primary ml-auto" value="Request API Key">
 			</div>
 		</div>
 	</div>
diff --git a/files/templates/settings_css.html b/files/templates/settings_css.html
index db268a02e..e9a7db498 100644
--- a/files/templates/settings_css.html
+++ b/files/templates/settings_css.html
@@ -23,7 +23,7 @@
 						<textarea autocomplete="off" class="form-control rounded" id="bio-text" aria-label="With textarea" placeholder="Custom CSS" rows="50" name="css" form="profile-settings" maxlength="4000">{% if v.css %}{{v.csslazy}}{% endif %}</textarea>
 						<small>Limit of 4000 characters</small>
 						<div class="d-flex mt-2">
-							<input autocomplete="off" id="submit-btn" class="btn btn-primary ml-auto" type="submit" onclick="this.classList.add('disabled')" value="Save">
+							<input autocomplete="off" id="submit-btn" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Save">
 						</div>
 					</form>
 				</div>
diff --git a/files/templates/settings_filters.html b/files/templates/settings_filters.html
index 2406b13ff..4191732e0 100644
--- a/files/templates/settings_filters.html
+++ b/files/templates/settings_filters.html
@@ -350,7 +350,7 @@
 								rows="3" name="filters" form="custom-filter" maxlength="1000">{% if v.custom_filter_list %}{{v.custom_filter_list}}{% endif %}</textarea>
 								<div class="d-flex">
 									<small>Use a new line for each filter entry. Limit of 1000 characters.</small>
-									<input autocomplete="off" class="btn btn-primary ml-auto" id="bioSave" type="submit" onclick="this.classList.add('disabled')" value="Save Changes">
+									<input autocomplete="off" class="btn btn-primary ml-auto" id="bioSave" type="submit" onclick="disable(this)" value="Save Changes">
 								</div>
 							</form>
 
diff --git a/files/templates/settings_profile.html b/files/templates/settings_profile.html
index d25a39100..887a333bc 100644
--- a/files/templates/settings_profile.html
+++ b/files/templates/settings_profile.html
@@ -328,7 +328,7 @@
 								{% if v.discord_id %}
 									<form action="/settings/remove_discord" method="post">
 									<input type="hidden" name="formkey" value="{{v.formkey}}">
-									<input type="submit" onclick="this.classList.add('disabled')" class="btn btn-secondary text-capitalize mr-2 mb-0 mt-2" value="Disconnect Discord">
+									<input type="submit" onclick="disable(this)" class="btn btn-secondary text-capitalize mr-2 mb-0 mt-2" value="Disconnect Discord">
 									</form>
 
 									<div class="text-small-extra text-muted mt-3">Disconnecting your Discord account will remove you from the {{SITE_NAME}} Discord server.</div>
@@ -383,7 +383,7 @@
 										<input autocomplete="off" type="text" name="name" class="form-control" value="{{v.username}}">
 										<small>3-25 characters, including letters, numbers, _ , and -</small>
 										<div class="d-flex mt-2">
-											<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="this.classList.add('disabled')" value="Change Display Name">
+											<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Change Display Name">
 										</div>
 									</form>
 								</div>
@@ -415,7 +415,7 @@
 
 										<input class="form-control" style="display:inline;max-width:75%;font-size: min(3.5vw,16px)!important" autocomplete="off" type="text" name="song" class="form-control" value="{% if v.song and v.song != v.id|string %}https://youtu.be/{{v.song}}{% endif %}" placeholder='Enter a YouTube video link here'>
 
-										<input class="btn btn-primary" style="font-size: min(3.5vw,16px)!important" autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="this.classList.add('disabled')" value="Submit">
+										<input class="btn btn-primary" style="font-size: min(3.5vw,16px)!important" autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Submit">
 									</form>
 
 									<br><small>In some browsers, users have to click at least once anywhere in the profile page for the anthem to play.</small>
@@ -475,7 +475,7 @@
 											<a class="format" role="button"><i class="btn btn-secondary format d-inline-block m-0 fas fa-smile-beam" onclick="loadEmojis('customtitlebody')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom"  title="Add Emoji"></i></a>
 											&nbsp;&nbsp;&nbsp;
 											<small>Limit of 100 characters</small>
-											<input {% if v.flairchanged %}disabled{% endif %} autocomplete="off" class="btn btn-primary ml-auto" id="titleSave" type="submit" onclick="this.classList.add('disabled')" value="Change Flair">
+											<input {% if v.flairchanged %}disabled{% endif %} autocomplete="off" class="btn btn-primary ml-auto" id="titleSave" type="submit" onclick="disable(this)" value="Change Flair">
 										</div>
 									</form>
 								</div>
@@ -575,7 +575,7 @@
 											<input minlength=1 maxlength=100 autocomplete="off" id="checkmark_text" type="text" name="title" class="form-control" placeholder='Enter text here' value="{{v.verified}}">
 											<div class="d-flex mt-2">
 												<small>Limit of 100 characters</small>
-												<input autocomplete="off" class="btn btn-primary ml-auto" id="titleSave" type="submit" onclick="this.classList.add('disabled')" value="Change Text">
+												<input autocomplete="off" class="btn btn-primary ml-auto" id="titleSave" type="submit" onclick="disable(this)" value="Change Text">
 											</div>	
 										</form>
 									</div>
@@ -612,7 +612,7 @@
 										<pre></pre>
 										<div class="d-flex">
 											<small>Limit of 1500 characters</small>
-											<input autocomplete="off" class="btn btn-primary ml-auto" id="bioSave" type="submit" onclick="this.classList.add('disabled')" value="Save Changes">
+											<input autocomplete="off" class="btn btn-primary ml-auto" id="bioSave" type="submit" onclick="disable(this)" value="Save Changes">
 										</div>
 									</form>
 								</div>
@@ -631,7 +631,7 @@
 										<pre></pre>
 										<div class="d-flex">
 											<small>Limit of 500 characters</small>
-											<input autocomplete="off" class="btn btn-primary ml-auto" id="friendsSave" type="submit" onclick="this.classList.add('disabled')" value="Save Changes">
+											<input autocomplete="off" class="btn btn-primary ml-auto" id="friendsSave" type="submit" onclick="disable(this)" value="Save Changes">
 										</div>
 									</form>
 								</div>
@@ -650,7 +650,7 @@
 										<pre></pre>
 										<div class="d-flex">
 											<small>Limit of 500 characters</small>
-											<input autocomplete="off" class="btn btn-primary ml-auto" id="enemiesSave" type="submit" onclick="this.classList.add('disabled')" value="Save Changes">
+											<input autocomplete="off" class="btn btn-primary ml-auto" id="enemiesSave" type="submit" onclick="disable(this)" value="Save Changes">
 										</div>
 									</form>
 								</div>
@@ -680,7 +680,7 @@
 										<pre></pre>
 										<div class="d-flex">
 											<small>Limit of 200 characters</small>
-											<input autocomplete="off" class="btn btn-primary ml-auto" id="sigSave" type="submit" onclick="this.classList.add('disabled')" value="Save Changes">
+											<input autocomplete="off" class="btn btn-primary ml-auto" id="sigSave" type="submit" onclick="disable(this)" value="Save Changes">
 										</div>
 									</form>
 								</div>
diff --git a/files/templates/settings_profilecss.html b/files/templates/settings_profilecss.html
index 07cb0634b..41d0ea121 100644
--- a/files/templates/settings_profilecss.html
+++ b/files/templates/settings_profilecss.html
@@ -23,7 +23,7 @@
 						<textarea autocomplete="off" class="form-control rounded" id="bio-text" aria-label="With textarea" placeholder="Custom profile css" rows="50" name="profilecss" form="profile-settings" maxlength="4000">{% if v.profilecss %}{{v.profilecss}}{% endif %}</textarea>
 						<small>Limit of 4000 characters</small>
 						<div class="d-flex mt-2">
-							<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="this.classList.add('disabled')" value="Save">
+							<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Save">
 						</div>
 					</form>
 				</div>
diff --git a/files/templates/settings_security.html b/files/templates/settings_security.html
index 000ff77d9..be9b3f0cc 100644
--- a/files/templates/settings_security.html
+++ b/files/templates/settings_security.html
@@ -48,9 +48,9 @@
 						<a class="btn btn-success" role="button" onclick="post_toast(this,'/settings/gumroad')">Claim paypig rewards</a>
 					{% endif %}
 					{% if v.email %}
-						<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="this.classList.add('disabled')" value="Update email">
+						<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Update email">
 					{% else %}
-						<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="this.classList.add('disabled')" value="Add email">
+						<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Add email">
 					{% endif %}
 				</div>
 				{% if SITE_NAME not in ('Cringetopia', 'WPD') %}
@@ -129,7 +129,7 @@
 			<div class="d-flex">
 
 				<input autocomplete="off" class="btn btn-primary ml-auto"
-				type="submit" onclick="this.classList.add('disabled')" value="Change Password">
+				type="submit" onclick="disable(this)" value="Change Password">
 
 			</div>
 
@@ -199,7 +199,7 @@
 <div class="d-flex">
 
 	<input autocomplete="off" class="btn btn-primary ml-auto"
-	type="submit" onclick="this.classList.add('disabled')" value="Log out everywhere">
+	type="submit" onclick="disable(this)" value="Log out everywhere">
 
 </div>
 
diff --git a/files/templates/sub/exilees.html b/files/templates/sub/exilees.html
index c166d0d67..c25579535 100644
--- a/files/templates/sub/exilees.html
+++ b/files/templates/sub/exilees.html
@@ -25,7 +25,7 @@
 			{% if v.mods(sub.name) %}
 				<form action="/h/{{sub.name}}/unexile/{{user.id}}" method="post">
 					<input type="hidden" name="formkey" value="{{v.formkey}}">
-					<input class="btn btn-primary" autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="this.classList.add('disabled')" value="Unexile">
+					<input class="btn btn-primary" autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Unexile">
 				</form>
 			{% endif %}
 		</td>
diff --git a/files/templates/sub/mods.html b/files/templates/sub/mods.html
index b4ece37f0..765f48426 100644
--- a/files/templates/sub/mods.html
+++ b/files/templates/sub/mods.html
@@ -25,7 +25,7 @@
 				<form action="/h/{{sub.name}}/remove_mod" method="post">
 					<input type="hidden" name="formkey" value="{{v.formkey}}">
 					<input type="hidden" name="uid" value="{{user.id}}">
-					<input class="btn btn-primary" autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="this.classList.add('disabled')" value="{% if v.id == user.id %}Resign{% else %}Remove Mod{% endif %}">
+					<input class="btn btn-primary" autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="{% if v.id == user.id %}Resign{% else %}Remove Mod{% endif %}">
 				</form>
 			{% endif %}
 		</td>
@@ -38,7 +38,7 @@
 	<form action="/h/{{sub.name}}/add_mod" method="post">
 		<input type="hidden" name="formkey" value="{{v.formkey}}">
 		<input class="form-control" style="display:inline;width:250px" autocomplete="off" type="text" name="user" class="form-control" placeholder="Enter username..">
-		<input class="btn btn-primary" autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="this.classList.add('disabled')" value="Add Mod">
+		<input class="btn btn-primary" autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Add Mod">
 	</form>
 {% endif %}
 
diff --git a/files/templates/sub/settings.html b/files/templates/sub/settings.html
index 706a537b0..8850b9de3 100644
--- a/files/templates/sub/settings.html
+++ b/files/templates/sub/settings.html
@@ -114,7 +114,7 @@
 						<textarea autocomplete="off" maxlength="500" class="form-control rounded" id="bio-text" aria-label="With textarea" placeholder="Enter sidebar here..." rows="10" name="sidebar" form="sidebar">{% if sub.sidebar %}{{sub.sidebar}}{% endif %}</textarea>
 
 						<div class="d-flex mt-2">
-							<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="this.classList.add('disabled')" value="Save">
+							<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Save">
 						</div>
 					</form>
 				</div>
@@ -137,7 +137,7 @@
 						<textarea autocomplete="off" maxlength="4000" class="form-control rounded" id="bio-text" aria-label="With textarea" placeholder="Enter css here..." rows="10" name="css" form="css">{% if sub.css %}{{sub.css}}{% endif %}</textarea>
 
 						<div class="d-flex mt-2">
-							<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="this.classList.add('disabled')" value="Save">
+							<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Save">
 						</div>
 					</form>
 				</div>
diff --git a/files/templates/submit.html b/files/templates/submit.html
index d2198f906..71136de9b 100644
--- a/files/templates/submit.html
+++ b/files/templates/submit.html
@@ -206,7 +206,7 @@
 								</div>
 								<div class="col text-right">
 										{% if error %}<span class="text-danger text-large mr-2">{{error}}</span>{% endif %}
-										<button class="btn btn-primary" id="create_button" type="submit" onclick="this.classList.add('disabled')" disabled>Post</button>
+										<button class="btn btn-primary" id="create_button" type="submit" onclick="disable(this)" disabled>Post</button>
 								</div>
 						</div>
 				</div>
diff --git a/files/templates/userpage.html b/files/templates/userpage.html
index d0bc24f7c..39d5e6465 100644
--- a/files/templates/userpage.html
+++ b/files/templates/userpage.html
@@ -213,7 +213,7 @@
 							&nbsp;
 							<pre class="btn btn-secondary format d-inline-block m-0 fas fa-smile-beam" onclick="loadEmojis('input-message')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Add Emoji"></pre>
 							&nbsp;
-							<input type="submit" onclick="this.classList.add('disabled')" value="Submit" class="btn btn-primary">
+							<input type="submit" onclick="disable(this)" value="Submit" class="btn btn-primary">
 						</form>
 
 						<div id="message-preview" class="preview mt-2"></div>
@@ -257,7 +257,7 @@
 											<label class="custom-control-label" for="locked">locked</label>
 										</div>
 										&nbsp;&nbsp;&nbsp;
-										<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="this.classList.add('disabled')" value="Change Flair">
+										<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Change Flair">
 									</div>
 								</form>
 							</div>
@@ -268,7 +268,7 @@
 							<form action="/unban_user/{{u.id}}/" method="post" action="">
 								<input type="hidden" name="formkey" value="{{v.formkey}}">
 								<input type="hidden" name="redir" value="true">
-								<input type="submit" onclick="this.classList.add('disabled')" class="btn btn-success" value="Unban user">
+								<input type="submit" onclick="disable(this)" class="btn btn-success" value="Unban user">
 							</form>
 						{% else %}
 							<form action="/ban_user/{{u.id}}" method="post" action="">
@@ -280,7 +280,7 @@
 									<input autocomplete="off" type="checkbox" id="alts-2-desktop" class="custom-control-input" name="alts" value="1">
 									<label class="custom-control-label" for="alts-2-desktop">Include alts</label>
 								</div>
-								<input autocomplete="off" id="user-ban-submit" type="submit" onclick="this.classList.add('disabled')" class="btn btn-danger" value="Ban user" disabled>
+								<input autocomplete="off" id="user-ban-submit" type="submit" onclick="disable(this)" class="btn btn-danger" value="Ban user" disabled>
 							</form>
 						{% endif %}
 						<pre></pre>
@@ -288,7 +288,7 @@
 						<form id="agendaposter1" class="{% if u.agendaposter %}d-none{% endif %}" action="/agendaposter/{{u.id}}" method="post">
 							<input type="hidden" name="formkey", value="{{v.formkey}}">
 							<input autocomplete="off" type="number" step="any" name="days" class="form-control" placeholder="Days (0 or blank = permanent)">
-							<input type="submit" onclick="this.classList.add('disabled')" class="btn btn-danger" value="Lock Chud Theme">
+							<input type="submit" onclick="disable(this)" class="btn btn-danger" value="Lock Chud Theme">
 						</form>
 						<a id="unagendaposter" class="{% if not u.agendaposter %}d-none{% endif %} btn btn-success" role="button" onclick="post_toast(this,'/unagendaposter/{{u.id}}','agendaposter1','unagendaposter','d-none')">Disable Chud Theme</a>
 
@@ -305,13 +305,13 @@
 						<form action="/admin/unnuke_user" method="post">
 							<input type="hidden" name="formkey", value="{{v.formkey}}">
 							<input type="hidden" name="user" value="{{u.username}}">
-							<input type="submit" onclick="this.classList.add('disabled')" class="btn btn-success" value="Approve User's Content">
+							<input type="submit" onclick="disable(this)" class="btn btn-success" value="Approve User's Content">
 						</form>
 						<pre></pre>
 						<form action="/admin/nuke_user" method="post">
 							<input type="hidden" name="formkey", value="{{v.formkey}}">
 							<input type="hidden" name="user" value="{{u.username}}">
-							<input type="submit" onclick="this.classList.add('disabled')" class="btn btn-danger" value="Remove User's Content">
+							<input type="submit" onclick="disable(this)" class="btn btn-danger" value="Remove User's Content">
 						</form>
 						<pre></pre>
 						<button id="grant2" class="{% if u.paid_dues %}d-none{% endif %} btn btn-success" onclick="post_toast(this,'/@{{u.username}}/club_allow','grant2','bar2','d-none')">Grant club access</button>
@@ -527,7 +527,7 @@
 						&nbsp;
 						<pre class="btn btn-secondary format d-inline-block m-0 fas fa-smile-beam" onclick="loadEmojis('input-message-mobile')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Add Emoji"></pre>
 						&nbsp;
-						<input type="submit" onclick="this.classList.add('disabled')" value="Submit" class="btn btn-primary">
+						<input type="submit" onclick="disable(this)" value="Submit" class="btn btn-primary">
 					</form>
 
 					<div id="message-preview-mobile" class="preview my-3"></div>
@@ -567,7 +567,7 @@
 											<label class="custom-control-label" for="locked-mobile">locked</label>
 										</div>
 										&nbsp;&nbsp;&nbsp;
-										<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="this.classList.add('disabled')" value="Change Flair">
+										<input autocomplete="off" class="btn btn-primary ml-auto" type="submit" onclick="disable(this)" value="Change Flair">
 									</div>
 								</form>
 							</div>
@@ -578,7 +578,7 @@
 							<form action="/unban_user/{{u.id}}" method="post">
 								<input type="hidden" name="formkey", value="{{v.formkey}}">
 								<input type="hidden" name="redir" value="true">
-								<input type="submit" onclick="this.classList.add('disabled')" class="btn btn-success" value="Unban user">
+								<input type="submit" onclick="disable(this)" class="btn btn-success" value="Unban user">
 							</form>
 						{% else %}
 							<form action="/ban_user/{{u.id}}/" method="post">
@@ -592,7 +592,7 @@
 									<label class="custom-control-label" for="alts-2-mobile">Include alts</label>
 								</div>
 								<br >
-								<input autocomplete="off" id="user-ban-submit2" type="submit" onclick="this.classList.add('disabled')" class="btn btn-danger" value="Ban user" disabled>
+								<input autocomplete="off" id="user-ban-submit2" type="submit" onclick="disable(this)" class="btn btn-danger" value="Ban user" disabled>
 							</form>
 						{% endif %}
 						<pre></pre>
@@ -600,7 +600,7 @@
 						<form id="agendaposter2" class="{% if u.agendaposter %}d-none{% endif %}" action="/agendaposter/{{u.id}}" method="post">
 							<input type="hidden" name="formkey", value="{{v.formkey}}">
 							<input autocomplete="off" type="number" step="any" name="days" class="form-control" placeholder="Days (0 or blank = permanent)">
-							<input type="submit" onclick="this.classList.add('disabled')" class="btn btn-danger" value="Lock Chud Theme">
+							<input type="submit" onclick="disable(this)" class="btn btn-danger" value="Lock Chud Theme">
 						</form>
 						<a id="unagendaposter2" class="{% if not u.agendaposter %}d-none{% endif %} btn btn-success" role="button" onclick="post_toast(this,'/unagendaposter/{{u.id}}','agendaposter2','unagendaposter2','d-none')">Disable Chud Theme</a>
 
@@ -617,13 +617,13 @@
 						<form action="/admin/unnuke_user" method="post">
 							<input type="hidden" name="formkey", value="{{v.formkey}}">
 							<input type="hidden" name="user" value="{{u.username}}">
-							<input type="submit" onclick="this.classList.add('disabled')" class="btn btn-success" value="Approve User's Content">
+							<input type="submit" onclick="disable(this)" class="btn btn-success" value="Approve User's Content">
 						</form>
 						<pre></pre>
 						<form action="/admin/nuke_user" method="post">
 							<input type="hidden" name="formkey", value="{{v.formkey}}">
 							<input type="hidden" name="user" value="{{u.username}}">
-							<input type="submit" onclick="this.classList.add('disabled')" class="btn btn-danger" value="Remove User's Content">
+							<input type="submit" onclick="disable(this)" class="btn btn-danger" value="Remove User's Content">
 						</form>
 					{% endif %}
 				{% endif %}
diff --git a/files/templates/util/assetcache.html b/files/templates/util/assetcache.html
index e83fdceb3..b11306b72 100644
--- a/files/templates/util/assetcache.html
+++ b/files/templates/util/assetcache.html
@@ -20,7 +20,7 @@ set CACHE_VER = {
 	'js/comments+submission_listing.js': 261,
 	'js/emoji_modal.js': 282,
 	'js/formatting.js': 240,
-	'js/header.js': 273,
+	'js/header.js': 274,
 	'js/lottery.js': 256,
 	'js/marked.js': 267,
 	'js/submit.js': 263,