zhongjie-chen / antd-form-demo Goto Github PK

    const userNameError = isFieldTouched('username') && getFieldError('username');
<Form className={styles._}>
          <FormItem
            label="用户名"
            validateStatus={userNameError ? 'error' : ''}
            help={userNameError || ''}
          >
            {getFieldDecorator('username', {
              rules: [
                { required: true, message: '请输入用户名' },
                { pattern: /^[a-z0-9]+$/, message: '小写英文字母和数字，e.g. liuyang03' }],
            })(
              <Input type="text" placeholder="请输入用户名" autoComplete="off" />,
            )}
          </FormItem>
          <FormItem>
            <Button
               type="primary" 
               htmlType="button" 
               disabled={hasErrors(getFieldsError())}
               onClick={this.handleSubmit}>修改密码
             </Button>
          </FormItem>
        </Form>

 handleSubmit() {
    this.props.form.validateFields((err) => {
      if (!err) {
        this.props.form.setFields({
          username: {
            value: '',
            errors: [new Error('error')],
          },
        });
      }
    });
  }