title: Antd validation by pattern do not trigger error
body: <p>So I read this : <a href="https://stackoverflow.com/questions/39636124/regular-expression-works-on-regex101-com-but-not-on-prod">Regular expression works on regex101.com, but not on prod</a></p>
  
  <p>I create the following rule in antd : <a href="https://codesandbox.io/s/loving-shape-bqlb9" rel="nofollow noreferrer">Demo</a></p>
  
  <pre><code>    &lt;Form.Item
        validateStatus={usernameError ? "error" : ""}
        help={usernameError || ""}
      &gt;
        {getFieldDecorator("username", {
          rules: [
            { required: true, message: "Please input your username!" },
            {
              type: "regexp",
              pattern: new RegExp(
                /^(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[!#$%\-_=+&lt;&gt;])([a-zA-Z0-9!#$%\-_=+&lt;&gt;]+)$/
              ),
              message: `Password Pattern`
            }
          ]
        })(
          &lt;Input
            prefix={&lt;Icon type="user" style={{ color: "rgba(0,0,0,.25)" }} /&gt;}
            placeholder="Username"
          /&gt;
        )}
      &lt;/Form.Item&gt;
  </code></pre>
  
  <p>The regex should match anything that MUST include at least 1 number, 1 letter and 1 special character.</p>
  
  <p>As you can see from the log, the regex work correctly in JS, but in antd, the pattern is not working.</p>
  
  <p>Also, I followed <a href="https://github.com/ant-design/ant-design/issues/10335" rel="nofollow noreferrer">this</a> and I correctly added the <code>type="regexp"</code></p>
  
  <p>What is still missing ? </p>