diff --git a/app/javascript/app/form-validation.js b/app/javascript/app/form-validation.js
index 628eb58a4bd..69896083384 100644
--- a/app/javascript/app/form-validation.js
+++ b/app/javascript/app/form-validation.js
@@ -23,7 +23,7 @@ document.addEventListener('DOMContentLoaded', () => {
       if (elements.length !== 0) {
         [].forEach.call(elements, function(input) {
           input.addEventListener('input', function () {
-            if (buttons.length !== 0 && input.valid) {
+            if (buttons.length !== 0 && input.checkValidity()) {
               [].forEach.call(buttons, function(button) {
                 if (button.disabled) {
                   button.disabled = false;