Merge branch 'main' into global-focus-varsglobal-focus-vars

1 files changed, 20 insertions, 0 deletions

diff --git a/site/static/docs/5.1/assets/js/validate-forms.js b/site/static/docs/5.1/assets/js/validate-forms.js
new file mode 100644
index 000000000..f8fd583de
--- /dev/null
+++ b/site/static/docs/5.1/assets/js/validate-forms.js
@@ -0,0 +1,20 @@
+// Example starter JavaScript for disabling form submissions if there are invalid fields
+(function () {
+  'use strict'
+
+  // Fetch all the forms we want to apply custom Bootstrap validation styles to
+  var forms = document.querySelectorAll('.needs-validation')
+
+  // Loop over them and prevent submission
+  Array.prototype.slice.call(forms)
+    .forEach(function (form) {
+      form.addEventListener('submit', function (event) {
+        if (!form.checkValidity()) {
+          event.preventDefault()
+          event.stopPropagation()
+        }
+
+        form.classList.add('was-validated')
+      }, false)
+    })
+})()