react-component/form

validateTrigger 'onBlur' can't use In react-native TextInput

Open

#157 opened on Apr 13, 2018

View on GitHub
 (5 comments) (3 reactions) (1 assignee)JavaScript (300 forks)batch import
help wanted

Repository metrics

Stars
 (1,801 stars)
PR merge metrics
 (No merged PRs in 30d)

Description

I use the example of the react-native. After add validateTrigger, the value always to be empty, when the TextInput blur.

"react": "^16.2.0", "react-native": "0.53.3", "rc-form": "^2.1.7",

{getFieldDecorator('username', {
          validateFirst: true,
          validateTrigger: 'onBlur', // **add code here**
          rules: [
            { required: true, message: '请输入手机号!' },
            {
              pattern: /^1\d{10}$/,
              message: '请输入正确的手机号!',
            },
            {
              validator: (rule, value, callback) => {
                this.checkUserNameOne(value, callback);
              },
              message: '手机号已经被注册!',
            },
          ],
        })(
          <FromItem
            autoFocus
            placeholder="手机号"
            error={getFieldError('username')}
          />
        )}

Can you help me to explain it?

Contributor guide

Research direction
Inspect the Form component's validateTrigger handling, particularly for 'onBlur' in react native. Trace how the field value is passed during blur event and verify if the validation callback is correctly receiving the value.
Tech stack
javascriptreactreact native
Domain
mobile
Issue type
Bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
Active
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
Clear
Prerequisites
React
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65