Adding behavior for noValidate and formNoValidate. Fixes #823

Author: davidkpiano

src/components/control-component.js

@@ -102,8 +102,15 @@ const propTypes = {
   persist: PropTypes.bool,
   getValue: PropTypes.func,
   isToggle: PropTypes.bool,
+
+  // HTML5 attributes
+  formNoValidate: PropTypes.bool,
 };
 
+const htmlAttributes = ['formNoValidate'];
+const disallowedPropTypeKeys = Object.keys(propTypes)
+  .filter(key => htmlAttributes.indexOf(key) === -1);
+
 const defaultStrategy = {
   get: _get,
   getFieldFromState,
@@ -320,10 +327,10 @@ function createControlClass(s = defaultStrategy) {
     getNodeErrors() {
       const {
         node,
-        props: { fieldValue },
+        props: { fieldValue, formNoValidate },
       } = this;
 
-      if (!node || (node && !node.willValidate)) {
+      if (formNoValidate || !node || (node && !node.willValidate)) {
         this.willValidate = false;
         return null;
       }
@@ -637,7 +644,7 @@ function createControlClass(s = defaultStrategy) {
 
     const finalControlProps = {
       ...controlProps,
-      ...omit(props, Object.keys(propTypes)),
+      ...omit(props, disallowedPropTypeKeys),
     };
 
     const modelString = getModel(model, state);

src/components/form-component.js

@@ -53,8 +53,13 @@ const propTypes = {
 
   // standard HTML attributes
   action: PropTypes.string,
+  noValidate: PropTypes.bool,
 };
 
+const htmlAttributes = ['action', 'noValidate'];
+const disallowedPropTypeKeys = Object.keys(propTypes)
+  .filter(key => htmlAttributes.indexOf(key) === -1);
+
 const defaultStrategy = {
   get: _get,
   getForm,
@@ -305,12 +310,13 @@ function createFormClass(s = defaultStrategy) {
     handleIntents() {
       const {
         formValue,
+        noValidate,
       } = this.props;
 
       formValue.$form.intents.forEach((intent) => {
         switch (intent.type) {
           case 'submit': {
-            if (isValid(formValue, { async: false })) {
+            if (noValidate || isValid(formValue, { async: false })) {
               this.handleValidSubmit({ clearIntents: intent });
             } else {
               this.handleInvalidSubmit({ clearIntents: intent });
@@ -363,7 +369,7 @@ function createFormClass(s = defaultStrategy) {
         formValue,
       } = this.props;
 
-      const allowedProps = omit(this.props, Object.keys(propTypes));
+      const allowedProps = omit(this.props, disallowedPropTypeKeys);
       const renderableChildren = typeof children === 'function'
         ? children(formValue)
         : children;