From表单邮箱后缀提示

最新推荐文章于 2022-08-19 21:59:43 发布

ast_5921

最新推荐文章于 2022-08-19 21:59:43 发布

阅读量347

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/ast_5921/article/details/103564925

版权

内容

<Col xs={8} sm={16} md={12}>
	<FormItem label="邮箱">
	{getFieldDecorator('email',{rules: [{ required: true, message: '请填写邮箱'},{ pattern: /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/, message: '请输入正确的邮箱'},{whitespace: true}]})(
	      <AutoComplete
	        dataSource={dataSource}
	        onChange={this.handleChange}// 后缀方法
	        placeholder="Email"
	      />
	    )}
	</FormItem>
</Col>

后缀方法

  handleChange = value => {
    this.setState({
      dataSource:
        !value || value.indexOf('@') >= 0
          ? []
          : [`${value}@vendetech.com`,`${value}@gmail.com`, `${value}@163.com`, `${value}@qq.com`],
    });
  };