diff options
Diffstat (limited to 'site/content/docs/4.3/forms')
| -rw-r--r-- | site/content/docs/4.3/forms/validation.md | 20 |
1 files changed, 11 insertions, 9 deletions
diff --git a/site/content/docs/4.3/forms/validation.md b/site/content/docs/4.3/forms/validation.md index bedaeba13..29b9aeac5 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 <script> // Example starter JavaScript for disabling form submissions if there are invalid fields -(function() { +(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'); - // Loop over them and prevent submission - var validation = Array.prototype.filter.call(forms, function(form) { - form.addEventListener('submit', function(event) { - if (form.checkValidity() === false) { + + // 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); }); - }, false); })(); </script> {{< /example >}} |
