Tweak form validation snippet. (#29359)

* remove load event
* use `forEach` and `querySelectorAll`
* simplify check

1 files changed, 6 insertions, 7 deletions

diff --git a/site/content/docs/4.3/examples/checkout/form-validation.js b/site/content/docs/4.3/examples/checkout/form-validation.js
index 59291c8b3..f8fd583de 100644
--- a/site/content/docs/4.3/examples/checkout/form-validation.js
+++ b/site/content/docs/4.3/examples/checkout/form-validation.js
@@ -2,14 +2,14 @@
 (function () {
   'use strict'
 
-  window.addEventListener('load', function () {
-    // Fetch all the forms we want to apply custom Bootstrap validation styles to
-    var forms = document.getElementsByClassName('needs-validation')
+  // 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.filter.call(forms, function (form) {
+  // Loop over them and prevent submission
+  Array.prototype.slice.call(forms)
+    .forEach(function (form) {
       form.addEventListener('submit', function (event) {
-        if (form.checkValidity() === false) {
+        if (!form.checkValidity()) {
           event.preventDefault()
           event.stopPropagation()
         }
@@ -17,5 +17,4 @@
         form.classList.add('was-validated')
       }, false)
     })
-  }, false)
 })()