add submitHandler helper function to asyncform util

static/js/utils/asyncForm.js

@@ -12,7 +12,24 @@
     var lastRequestTimestamp = 0;
 
     function setup() {
-      formElement.addEventListener('submit', function(event) {
+      formElement.addEventListener('submit', submitHandler);
+    }
+
+    function processResponse(response) {
+      var responseElement = document.createElement('div');
+      responseElement.classList.add(ASYNC_FORM_RESPONSE_CLASS);
+      responseElement.innerHTML = response.content;
+      var parentElement = formElement.parentElement;
+
+      // make sure there is a delay between click and response
+      var delay = Math.max(0, ASYNC_FORM_MIN_DELAY + lastRequestTimestamp - Date.now());
+      setTimeout(function() {
+        parentElement.insertBefore(responseElement, formElement);
+        formElement.remove();
+      }, delay);
+    }
+
+    function submitHandler(event) {
       event.preventDefault();
 
       formElement.classList.add(ASYNC_FORM_LOADING_CLASS)
@@ -36,22 +53,6 @@
         }).catch(function(error) {
           console.error('could not fetch or process response from ' + url, { error });
         });
-      });
-    }
-
-    function processResponse(response) {
-      var responseElement = document.createElement('div');
-      responseElement.classList.add(ASYNC_FORM_RESPONSE_CLASS);
-      responseElement.innerHTML = response.content;
-      var parentElement = formElement.parentElement;
-
-      // make sure there is a delay between click and response
-      var delay = Math.max(0, ASYNC_FORM_MIN_DELAY + lastRequestTimestamp - Date.now());
-      setTimeout(function() {
-        parentElement.insertBefore(responseElement, formElement);
-        formElement.remove();
-      }, delay);
-
     }
 
     setup();