电子邮件验证采用响应式设计形式

如何解决电子邮件验证采用响应式设计形式

我正在使用reactjs中的蚂蚁设计。尝试使用蚂蚁设计规则验证电子邮件。 我的正则表达式不起作用。任何人都可以帮助我。

<Form.Item>
    {getFieldDecorator('email',{
        initialValue:null,rules: [
            {
                required: false,pattern: new RegExp("/\S+@\S+\.\S+/"),message:
                    'Enter a valid email address!',},],})(
        <Input
            className="form-control"
            type="text"
            placeholder="Email"
        />,)}
</Form.Item>

解决方法

在规则中，您可以直接使用带有值电子邮件的类型键代替正则表达式模式。

代码示例https://codesandbox.io/s/stackoverflowantdemail-9jckh?file=/index.js:916-1352

<Form.Item>
          {getFieldDecorator("email",{
            rules: [
              {
                required: true,type: "email",message: "The input is not valid E-mail!"
              }
            ]
          })(
            <Input
             
              placeholder="Email"
            />
          )}
        </Form.Item>