diff --git a/resources/cards/creator.js b/resources/cards/creator.js
index 21aef7e..a131e8a 100644
--- a/resources/cards/creator.js
+++ b/resources/cards/creator.js
@@ -1,5 +1,8 @@
-function submit_preview() {
-    document.getElementById("cardform").submit();
+function submit_preview(form) { /* with timeout for ratelimiting*/
+    if (typeof refresh_timeout !== 'undefined') {
+        window.clearTimeout(refresh_timeout);
+    }
+    refresh_timeout = window.setTimeout(function(){form.submit();}, 200);
 }
 
-window.setTimeout(submit_preview, 1);
+window.setTimeout(function(){document.getElementById("cardform").submit();}, 1);
diff --git a/resources/cards/creator.vm b/resources/cards/creator.vm
index 7467e4f..d57066f 100644
--- a/resources/cards/creator.vm
+++ b/resources/cards/creator.vm
@@ -3,7 +3,7 @@
 <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
 <script src="creator.js"></script>
 
-#macro(update_preview)onkeyup="this.form.submit()" onchange="this.form.submit()"#end
+#macro(update_preview)onkeyup="submit_preview(this.form)" onchange="submit_preview(this.form)"#end
 
 <title>Card Creator</title>