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 59291c8b39..f8fd583de4 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) })() diff --git a/site/content/docs/4.3/forms/validation.md b/site/content/docs/4.3/forms/validation.md index bedaeba13a..29b9aeac5d 100644 --- a/site/content/docs/4.3/forms/validation.md +++ b/site/content/docs/4.3/forms/validation.md @@ -103,22 +103,24 @@ Custom feedback styles apply custom colors, borders, focus styles, and backgroun {{< /example >}}