diff --git a/src/components/form-component.js b/src/components/form-component.js
index e0d1a0cdf..e4607d030 100644
--- a/src/components/form-component.js
+++ b/src/components/form-component.js
@@ -349,6 +349,9 @@ function createFormClass(s = defaultStrategy) {
         ? formValue.$form.valid
         : true;
 
+      // prevent default form actions if the form is invalid.
+      if (e && this.props.action && !formValid) e.preventDefault();
+
       if (!validators && onSubmit && formValid) {
         onSubmit(modelValue, e);