out validstate to onSubmit, touching all inputs on Submit

Author: dsumer

src/Form.js

@@ -46,11 +46,16 @@ export default class Form extends React.Component {
     onSubmit(event) {
         event.preventDefault();
 
+        for (let input of this.inputs) {
+            input.touch();
+        }
+
+        const valid = this.isValid();
         if (this.props.onSubmit) {
-            this.props.onSubmit(this.getValues());
+            this.props.onSubmit(this.getValues(), valid);
         }
 
-        if (this.isValid()) {
+        if (valid) {
             this.onValidSubmit();
         } else {
             this.onInvalidSubmit();

src/Input.js

@@ -98,7 +98,7 @@ export default function (WrappedComponent) {
             return this.state.errors;
         }
 
-        onBlur() {
+        touch() {
             if (this.isPristine()) {
                 this.setState({
                     pristine: false
@@ -160,7 +160,7 @@ export default function (WrappedComponent) {
                 getValue: this.getValue,
                 setValue: this.setValue,
                 getErrorMessages: this.getErrorMessages,
-                onBlur: this.onBlur,
+                onBlur: this.touch,
                 ...this.props
             };