title: show min and max length form validation error in react?
body: <p>I am using the package below to generate a form dynamically:</p>
  
  <p><a href="https://www.npmjs.com/package/react-formio" rel="nofollow noreferrer">https://www.npmjs.com/package/react-formio</a></p>
  
  <p>I have generated a simple login-form using this link <a href="https://codesandbox.io/s/cra-react-formio-iy8lz" rel="nofollow noreferrer">https://codesandbox.io/s/cra-react-formio-iy8lz</a></p>
  
  <p>After building, it creates a JSON. Then, I generate a form using that JSON.</p>
  
  <p><a href="https://codesandbox.io/s/quirky-chatelet-5ujhj" rel="nofollow noreferrer">https://codesandbox.io/s/quirky-chatelet-5ujhj</a></p>
  
  <p>I want to show custom messages like <code>required field</code> and <code>min length error message</code> and <code>max length error message</code></p>
  
  <pre><code>ReactDOM.render(
    &lt;Form
      src={{
        display: "form",
        components: [
          {
            label: "Name",
            validate: {
              required: true,
              json: {
                if: [
                  {
                    "===": [
                      {
                        var: "data.name"
                      },
                      ""
                    ]
                  },
                  true,
                  "required!"
                ]
              },
              minLength: 5,
              maxLength: 15
            },
            key: "name",
            type: "textfield",
            input: true
          },
          {
            type: "button",
            label: "Submit",
            key: "submit",
            //  disableOnInvalid: true,
            input: true
          }
        ]
      }}
      options={{ noAlerts: true }}
      onSubmit={i =&gt; {
        alert(JSON.stringify(i.data));
      }}
    /&gt;,
  
    // &lt;Form src="https://peb3z.sse.codesandbox.io/abc" onSubmit={(i)=&gt;{console.log(i)}} /&gt;,
    rootElement
  );
  </code></pre>