इसे डिज़ाइन किया गया है: https://github.com/yiminghe/async-validator/

बीटीडब्लू, एसिंक-सत्यापनकर्ता कैसे जानता है कि एसिंक्रोनस प्रक्रिया समाप्त हो गई है, अगर आप इसे सूचित करने के लिए callback का उपयोग नहीं करते हैं?

मुझसे शिकायत की गई थी https://www.zhihu.com/question/33629737/answer/150154145

आप यह बताते हुए एक दस्तावेज़ जोड़ सकते हैं कि खुले स्रोत के हमारे सिद्धांतों में से एक पानी और पृथ्वी को ढंकना है।

दस्तावेज़ अद्यतन किया गया है।

नमस्ते, क्या यह प्रयोग केवल कक्षा में ही लिखा जा सकता है?
क्या रिएक्ट कंपोनेंट को विशुद्ध रूप से कार्यात्मक तरीके से लिखना संभव है।यदि हां, तो क्या कोई मामले हैं?

यह एपीआई डिजाइन वास्तव में सुरुचिपूर्ण है। मुझे लगता है कि मैं सिर्फ यह जांचना चाहता हूं कि एक निश्चित चेकबॉक्स चुना गया है या नहीं:

rules: [
            {
              message: 'You need to agree to our terms to sign up.',
              validator: (rule, value, cb) => (value === true ? cb() : cb(true)),
            },
          ],

और कॉलबैक को दिया गया पहला पैरामीटर त्रुटि संदेश है, जो message साथ भी बेमानी है (हालांकि ऐसा लगता है कि जब तक कुछ भी वापस किया जाता है, message का उपयोग किया जाएगा, इसे कवर किया जाना चाहिए message त्रुटि संदेश)।

अधिकांश उपयोगकर्ताओं का अपेक्षित उपयोग सही या गलत का निर्धारण करने के लिए सीधे true या false लौटाना होना चाहिए:

rules: [
            {
              message: 'You need to agree to our terms to sign up.',
              validator: (rule, value, cb) => value === true,
            },
          ],

उपलब्ध है, लेकिन अभी भी इस एपीआई को अनुकूलित करने की सिफारिश की गई है, जो कि https://github.com/yiminghe/async-validator/ का उपयोग करना है, लेकिन एएनटी को यहां पूरा किया जा सकता है और कॉल पर इनकैप्सुलेट किया जा सकता है

@neekey जा सकते हैं और async-validator को एक संगत पीआर जमा कर सकते हैं

@neekey यह अजीब इंटरफ़ेस हासिल करना है:

• अतुल्यकालिक सत्यापन
• विभिन्न त्रुटियों का समर्थन करें और विभिन्न संदेश लौटाएं

क्या कोई बेहतर तरीका है?

<Row>
                <Col span={24} key={"method"}>
                    <FormItem {...formItemMethodLayout} label="请求方法">
                        {getFieldDecorator("method", {
                            initialValue: this.state.data.method,
                            validateTrigger: "onChange",
                            rules: [{
                                required: true,
                                message: `请选择请求方法`
                            }, {
                                //validator: this.state.checkUnique ? this.checkConfirmMethod.bind(this) : (rule, value, callback) => {callback();},
                                validator: (这如何判断当前组件是否开始校验了) ？
 this.checkConfirmMethod.bind(this) : (如果不是当前组件开始校验，就调用其他函数),
                            }]
                        })(
                            <Select placeholder={"请选择请求方法"} onChange={::this.handleChange.bind(this)}>
                                {this.state.apiRequestMethodSelect}
                            </Select>
                        )}
                    </FormItem>
                </Col>
            </Row

हर बार जब मुझे फ़ंक्शन सत्यापन का सामना करना पड़ता है, तो मैं इसे एक बार देखने के लिए यहां आऊंगा। यह याद रखना वाकई मुश्किल है

सत्यापनकर्ता समारोह

startNumValidator = (rule, value, callback) => {
    const { exportDataCount } = this.props;
    const reg = /^[1-9][0-9]*$/;
    let errors = [];
    if (!reg.test(value) || value > exportDataCount) {
      errors.push(new Error('illegal value'));
    }
    callback(errors);
  }

क्या यह एक एकीकृत कॉलबैक त्रुटि नहीं है? यह काफी उचित लगता है।
मुझे नहीं पता कि एएनटीडी के नए संस्करण ने एसिंक्रोनस और सिंक्रोनस सत्यापन के बीच अंतर करना शुरू कर दिया है? सत्यापनकर्ता (तुल्यकालिक) asyncValidator (एसिंक्रोनस)

अनुरोध के बाद पृष्ठभूमि द्वारा लौटाए गए कॉलबैक में इस संदेश को कैसे कॉल करें

कस्टम सत्यापन करने के लिए नियम में सत्यापनकर्ता का उपयोग करते समय मुझे एक समस्या का सामना करना पड़ा
वैलिडेटफंक = (नियम, मूल्य, कॉलबैक) => {
यदि सही) {
कंसोल.लॉग(11);
कॉलबैक ('त्रुटि संदेश');
वापसी;
}
वापस कॉल करें();
};
मैं सत्यापन परिणाम 'त्रुटि संदेश' को संबंधित फॉर्मइटम घटक के तहत प्रदर्शित करना चाहता हूं, लेकिन कॉलबैक निष्पादित होने के बाद, संबंधित फॉर्मइटम घटक के तहत 'त्रुटि संदेश' प्रदर्शित नहीं होता है, लेकिन कंसोल पर मुद्रित होता है। क्यों?

आप अपने 在对应的FormItem组件下显示 का तर्क कैसे लिखते हैं?

@neekey जा सकते हैं और async-validator को एक संगत पीआर जमा कर सकते हैं

किसी ने इसका उल्लेख किया, यिमिंगे ने कहा, विरोध किया।

आप अपने 在对应的FormItem组件下显示 का तर्क कैसे लिखते हैं?

मैंने कस्टम सत्यापन योजना बदल दी है, और onFieldsChange () में निर्णय लिया है, यदि कस्टम नियम पूरे नहीं होते हैं, तो त्रुटियों को सीधे बदल दिया जाएगा, और फिर त्रुटि जानकारी नियंत्रण में प्रदर्शित की जाएगी।
onFieldsChange(props, changedFields) { const { dispatch, detail } = props; const finalChangedFields = { ...changedFields }; // 校验时间大小是否符合规则 if ( _.has(changedFields, 'currentDate') && detail?.targetDate && compareCurrentTimeEarlierThanTargetTime( finalChangedFields.currentDate, detail?.targetDate ) ) { finalChangedFields.currentDate.errors = [ { message: 'current Date should be latter than target Date', field: 'currentDate', }, ]; } dispatch({ type: 'controllerModel/saveDetail', payload: { changedFields: finalChangedFields, data: detail, }, }); }

सत्यापन पास होने के बाद निम्न संकेत गायब क्यों नहीं होता है?

एक प्रश्न पूछें, क्या यह सत्यापनकर्ता पृष्ठ लोड होने पर सत्यापन नहीं कर सकता है?

@neekey
कॉलबैक सुविधा

<Form>
          <Form.Item ...>
            {getFieldDecorator('name', {validator: (rule, value, callback) => setTimeout(callback(), 1000)})(
                <Input placeholder="name" />
            )}
          </Form.Item>
....

और सेटटाइमआउट निकाल दिए जाने से पहले, संपूर्ण घटक अनमाउंट किया जाता है। फिर टाइमआउट निकाल दिया जाता है, इसकी कॉलबैक निकाल दी जाती है और

@jiufengdadi
मुझे इस समस्या का सामना करना पड़ा।
मेरा समाधान undefined को callback । सत्यापनकर्ता पास होगा जब callback का पहला पैरामीटर एक खाली सरणी है। और यह पैरामीटर के लिए एक डिफ़ॉल्ट मान सेट करता है, इसलिए undefined भी काम करता है।

callback परिभाषा: L146

एसिंक-सत्यापनकर्ता: [""] मेरे कस्टम सत्यापन के बाद क्यों दिखाई देता है,

यदि दो चेक हैं, तो पहला विफल हो जाएगा।क्यों?
```
नियम: [
{
आवश्यक: सच,
संदेश: 'कृपया अपना फ़ोन नंबर दर्ज करें',
},
{
सत्यापनकर्ता: (नियम, मूल्य, कॉलबैक) => {
कोशिश करो {
अगर (this.props.form.getFieldValue('prefix') == 86 && value) {
कॉन्स्ट रेग = /^1d{10}$/;
अगर (! reg.test (मान)) {
नई त्रुटि फेंकें ('कुछ गलत है!');
}
}
} पकड़ो (गलती) {
कॉलबैक (त्रुटि);
}
},
संदेश: 'कृपया एक वैध मोबाइल फोन नंबर दर्ज करें',
},
],

 rules: [
                {
                  required: true,
                  message: '请输入手机号',
                },
                {
                  validator: (rule, value, callback) => {
                    try {
                      if (this.props.form.getFieldValue('prefix') == 86 && value) {
                        const reg = /^1\d{10}$/;
                        if (!reg.test(value)) {
                          throw new Error('Something wrong!');
                        }
                      }
                    } catch (err) {
                      callback(err);
                       return // +
                    }
                     callback() // +
                  },
                  message: '请输入有效手机号',
                },
              ],

कस्टम सत्यापन करने के लिए नियम में सत्यापनकर्ता का उपयोग करते समय मुझे एक समस्या का सामना करना पड़ा
वैलिडेटफंक = (नियम, मूल्य, कॉलबैक) => {
यदि सही) {
कंसोल.लॉग(11);
कॉलबैक ('त्रुटि संदेश');
वापसी;
}
वापस कॉल करें();
};
मैं सत्यापन परिणाम 'त्रुटि संदेश' को संबंधित फॉर्मइटम घटक के तहत प्रदर्शित करना चाहता हूं, लेकिन कॉलबैक निष्पादित होने के बाद, संबंधित फॉर्मइटम घटक के तहत 'त्रुटि संदेश' प्रदर्शित नहीं होता है, लेकिन कंसोल पर मुद्रित होता है। क्यों?

कस्टम सत्यापन करने के लिए नियम में सत्यापनकर्ता का उपयोग करते समय मुझे एक समस्या का सामना करना पड़ा
वैलिडेटफंक = (नियम, मूल्य, कॉलबैक) => {
यदि सही) {
कंसोल.लॉग(11);
कॉलबैक ('त्रुटि संदेश');
वापसी;
}
वापस कॉल करें();
};
मैं सत्यापन परिणाम 'त्रुटि संदेश' को संबंधित फॉर्मइटम घटक के तहत प्रदर्शित करना चाहता हूं, लेकिन कॉलबैक निष्पादित होने के बाद, संबंधित फॉर्मइटम घटक के तहत 'त्रुटि संदेश' प्रदर्शित नहीं होता है, लेकिन कंसोल पर मुद्रित होता है। क्यों?

क्या आपने इसे हल किया, उसी स्थिति का सामना किया

 rules: [
                {
                  required: true,
                  message: '请输入手机号',
                },
                {
                  validator: (rule, value, callback) => {
                    try {
                      if (this.props.form.getFieldValue('prefix') == 86 && value) {
                        const reg = /^1\d{10}$/;
                        if (!reg.test(value)) {
                          throw new Error('Something wrong!');
                        }
                      }
                    } catch (err) {
                      callback(err);
                       return // +
                    }
                     callback() // +
                  },
                  message: '请输入有效手机号',
                },
              ],

क्या संदेश संकेत दोहराया जाएगा? इसके समान 'कृपया एक मोबाइल फ़ोन नंबर दर्ज करें, कृपया एक वैध मोबाइल फ़ोन नंबर दर्ज करें'

 rules: [
                {
                  required: true,
                  message: '请输入手机号',
                },
                {
                  validator: (rule, value, callback) => {
                    try {
                      if (this.props.form.getFieldValue('prefix') == 86 && value) {
                        const reg = /^1\d{10}$/;
                        if (!reg.test(value)) {
                          throw new Error('Something wrong!');
                        }
                      }
                    } catch (err) {
                      callback(err);
                       return // +
                    }
                     callback() // +
                  },
                  message: '请输入有效手机号',
                },
              ],

क्या संदेश संकेत दोहराया जाएगा? इसके समान 'कृपया एक मोबाइल फ़ोन नंबर दर्ज करें, कृपया एक वैध मोबाइल फ़ोन नंबर दर्ज करें'

नहीं होगा

इस प्रकार करें

लाल चेक गायब क्यों नहीं हुआ? ? ? इस प्रकार का पारस्परिक प्रभाव सत्यापन कैसे करें जो विनिर्देशों को पूरा करता हो? ? ?

नियम के सत्यापनकर्ता के कॉलबैक को कॉल किया जाना चाहिए चाहे वह सफल हो या विफल हो। अंतर यह है कि पैरामीटर पारित नहीं होते हैं।

कस्टम सत्यापन करने के लिए नियम में सत्यापनकर्ता का उपयोग करते समय मुझे एक समस्या का सामना करना पड़ा
वैलिडेटफंक = (नियम, मूल्य, कॉलबैक) => {
यदि सही) {
कंसोल.लॉग(11);
कॉलबैक ('त्रुटि संदेश');
वापसी;
}
वापस कॉल करें();
};
मैं सत्यापन परिणाम 'त्रुटि संदेश' को संबंधित फॉर्मइटम घटक के तहत प्रदर्शित करना चाहता हूं, लेकिन कॉलबैक निष्पादित होने के बाद, संबंधित फॉर्मइटम घटक के तहत 'त्रुटि संदेश' प्रदर्शित नहीं होता है, लेकिन कंसोल पर मुद्रित होता है। क्यों?

कस्टम सत्यापन करने के लिए नियम में सत्यापनकर्ता का उपयोग करते समय मुझे एक समस्या का सामना करना पड़ा
वैलिडेटफंक = (नियम, मूल्य, कॉलबैक) => {
यदि सही) {
कंसोल.लॉग(11);
कॉलबैक ('त्रुटि संदेश');
वापसी;
}
वापस कॉल करें();
};
मैं सत्यापन परिणाम 'त्रुटि संदेश' को संबंधित फॉर्मइटम घटक के तहत प्रदर्शित करना चाहता हूं, लेकिन कॉलबैक निष्पादित होने के बाद, संबंधित फॉर्मइटम घटक के तहत 'त्रुटि संदेश' प्रदर्शित नहीं होता है, लेकिन कंसोल पर मुद्रित होता है। क्यों?

क्या आपने इसे हल किया, उसी स्थिति का सामना किया

मुझे इस समस्या का भी सामना करना पड़ा। यदि प्रारंभिक मान खाली है, तो सामान्य इनपुट के बाद कस्टम सत्यापनकर्ता को सामान्य रूप से ऑनब्लर समय के माध्यम से ट्रिगर किया जा सकता है और कोई त्रुटि होने पर एक संकेत दिया जाएगा, लेकिन एक बार प्रारंभिक प्रारंभिक मान का मान होने पर, जब वैलिडेटफील्ड सभी फॉर्म घटकों का एकीकृत सत्यापन करता है, त्रुटि प्रिंट को शून्य के रूप में प्रिंट करता है, और थोड़ी देर के बाद, सत्यापन विफलता फिर से कंसोल में पॉप अप होगी। कस्टम सत्यापनकर्ता एक एसिंक्रोनस क्रिया है

मुझे लगता है कि आप फ़ंक्शन में रिटर्न हटाते हैं और पुनः प्रयास करते हैं। यह उपयोगी हो सकता है।

------------------- मूल संदेश -------------------
प्रेषक: "इवान-एचएल"< नोटिफिकेशन @github.com
डिलीवरी का समय: 20 नवंबर, 2019 (बुधवार) शाम 5:19 बजे
प्राप्तकर्ता: "चींटी-डिज़ाइन/चींटी-डिज़ाइन"< [email protected]>;
प्रतिलिपि: "wk"< [email protected]>; "मैनुअल"<मैनुअल @noreply.github.com>;
विषय: पुन: [चींटी-डिज़ाइन/चींटी-डिज़ाइन] हमें फॉर्म घटक पर सत्यापनकर्ता फ़ंक्शन में हमेशा callback() आवश्यकता क्यों होती है? फॉर्म के नियमों में सत्यापनकर्ता का उपयोग करते समय विधि निकाय को हमेशा कॉलबैक () को कॉल करने की आवश्यकता क्यों होती है सत्यापन? (#5155)

कस्टम सत्यापन करने के लिए नियम में सत्यापनकर्ता का उपयोग करते समय मुझे एक समस्या का सामना करना पड़ा
वैलिडेटफंक = (नियम, मूल्य, कॉलबैक) => {
यदि सही) {
कंसोल.लॉग(11);
कॉलबैक ('त्रुटि संदेश');
वापसी;
}
वापस कॉल करें();
};
मैं सत्यापन परिणाम 'त्रुटि संदेश' को संबंधित फॉर्मइटम घटक के तहत प्रदर्शित करना चाहता हूं, लेकिन कॉलबैक निष्पादित होने के बाद, संबंधित फॉर्मइटम घटक के तहत 'त्रुटि संदेश' प्रदर्शित नहीं होता है, लेकिन कंसोल पर मुद्रित होता है। क्यों?

कस्टम सत्यापन करने के लिए नियम में सत्यापनकर्ता का उपयोग करते समय मुझे एक समस्या का सामना करना पड़ा
वैलिडेटफंक = (नियम, मूल्य, कॉलबैक) => {
यदि सही) {
कंसोल.लॉग(11);
कॉलबैक ('त्रुटि संदेश');
वापसी;
}
वापस कॉल करें();
};
मैं सत्यापन परिणाम 'त्रुटि संदेश' को संबंधित फॉर्मइटम घटक के तहत प्रदर्शित करना चाहता हूं, लेकिन कॉलबैक निष्पादित होने के बाद, संबंधित फॉर्मइटम घटक के तहत 'त्रुटि संदेश' प्रदर्शित नहीं होता है, लेकिन कंसोल पर मुद्रित होता है। क्यों?

क्या आपने इसे हल किया, उसी स्थिति का सामना किया

मुझे इस समस्या का भी सामना करना पड़ा। यदि प्रारंभिक मान खाली है, तो सामान्य इनपुट के बाद कस्टम सत्यापनकर्ता को सामान्य रूप से ऑनब्लर समय के माध्यम से ट्रिगर किया जा सकता है और कोई त्रुटि होने पर एक संकेत दिया जाएगा, लेकिन एक बार प्रारंभिक प्रारंभिक मान का मान होने पर, जब वैलिडेटफील्ड सभी फॉर्म घटकों का एकीकृत सत्यापन करता है, त्रुटि प्रिंट को शून्य के रूप में प्रिंट करता है, और थोड़ी देर के बाद, सत्यापन विफलता फिर से कंसोल में पॉप अप होगी। कस्टम सत्यापनकर्ता एक एसिंक्रोनस क्रिया है

-
आप इसे प्राप्त कर रहे हैं क्योंकि आपने इस थ्रेड की सदस्यता ली है।
इस ईमेल का सीधे उत्तर दें, इसे GitHub पर देखें, या सदस्यता समाप्त करें।

बहुत बुरा

यदि चेक फ़ंक्शन में कोई अपवाद है, तो कोई संकेत नहीं है।
काफी देर तक लगा रहा। . .

मुझे आश्चर्य है कि अगर इस AntdV का रखरखाव नहीं किया जाता है

@ काँगलिंग94 ?

एक ही समस्या का सामना करना पड़ा, कोई और पाठ नहीं?

<a-input id="code" placeholder="请输入用户ID"v-decorator="[ 'code', {rules: [{ required: true, message: '请输入用户ID' }, { validator: handleUsername }], validateTrigger: 'change'} ]" > </a-input>
handleUsername(rule, value, callback) { value = value.trim() if (value.length == 0) { this.username = ''; callback(); } else { fetchUsername({ code: value }) .then((rest) => { if (rest.code == 200) { this.username = rest.data; //callback(); } else { this.username = ''; callback(new Error(rest.msg)) return; } }).finally(() => { callback() }) } },
<a-form :label-col="labelCol" :wrapper-col="wrapperCol" :form="form" @submit="handleSubmit"> <a-button type="primary" htmlType="submit">确定</a-button> </a-form>
यह पुष्टि करने के लिए क्लिक करें कि कोई प्रतिक्रिया नहीं है और कोई संकेत नहीं है, कंसोल में async-सत्यापनकर्ता दर्ज करें: ["कोड आवश्यक है"]
मान्य फ़ील्ड बिल्कुल दर्ज न करें
सत्यापनकर्ता निकालें और ट्रिगर को मान्य करें और ठीक पर क्लिक करें और यह सामान्य रूप से संकेत देगा।
समस्या क्या है?

<a-input id="code" placeholder="请输入用户ID"v-decorator="[ 'code', {rules: [{ required: true, message: '请输入用户ID' }, { validator: handleUsername }], validateTrigger: 'change'} ]" > </a-input>
handleUsername(rule, value, callback) { value = value.trim() if (value.length == 0) { this.username = ''; callback(); } else { fetchUsername({ code: value }) .then((rest) => { if (rest.code == 200) { this.username = rest.data; //callback(); } else { this.username = ''; callback(new Error(rest.msg)) return; } }).finally(() => { callback() }) } },
<a-form :label-col="labelCol" :wrapper-col="wrapperCol" :form="form" @submit="handleSubmit"> <a-button type="primary" htmlType="submit">确定</a-button> </a-form>
यह पुष्टि करने के लिए क्लिक करें कि कोई प्रतिक्रिया नहीं है और कोई संकेत नहीं है, कंसोल में async-सत्यापनकर्ता दर्ज करें: ["कोड आवश्यक है"]
मान्य फ़ील्ड बिल्कुल दर्ज न करें
सत्यापनकर्ता निकालें और ट्रिगर को मान्य करें और ठीक पर क्लिक करें और यह सामान्य रूप से संकेत देगा।
समस्या क्या है?

क्या आपने इस समस्या का समाधान किया है?इस समस्या का भी सामना करना पड़ा

<a-input id="code" placeholder="请输入用户ID"v-decorator="[ 'code', {rules: [{ required: true, message: '请输入用户ID' }, { validator: handleUsername }], validateTrigger: 'change'} ]" > </a-input>
handleUsername(rule, value, callback) { value = value.trim() if (value.length == 0) { this.username = ''; callback(); } else { fetchUsername({ code: value }) .then((rest) => { if (rest.code == 200) { this.username = rest.data; //callback(); } else { this.username = ''; callback(new Error(rest.msg)) return; } }).finally(() => { callback() }) } },
<a-form :label-col="labelCol" :wrapper-col="wrapperCol" :form="form" @submit="handleSubmit"> <a-button type="primary" htmlType="submit">确定</a-button> </a-form>
यह पुष्टि करने के लिए क्लिक करें कि कोई प्रतिक्रिया नहीं है और कोई संकेत नहीं है, कंसोल में async-सत्यापनकर्ता दर्ज करें: ["कोड आवश्यक है"]
मान्य फ़ील्ड बिल्कुल दर्ज न करें
सत्यापनकर्ता निकालें और ट्रिगर को मान्य करें और ठीक पर क्लिक करें और यह सामान्य रूप से संकेत देगा।
समस्या क्या है?

क्या आपने इस समस्या का समाधान किया है?इस समस्या का भी सामना करना पड़ा

// 自定义密码校验
  handleConfirmPassword = (rule, value, callback) => {
    const { getFieldValue } = this.props.form;
    if (value && value !== getFieldValue('newPwd')) {
      callback('两次输入不一致！');
    }

    // Note: 必须总是返回一个 callback，否则 validateFieldsAndScroll 无法响应
    callback();
  };
我是这么解决的

वैलिडेटरफन (नियम, मूल्य, कॉलबैक) {
const psw = this.form.getFieldValue('newPwd')
अगर (मूल्य && मूल्य! == पीएसडब्ल्यू) {
नियम। संदेश = '两次密码不一致'
कॉलबैक (नियम)
}
वापस कॉल करें()
}