我有兩個input,一個是開始編號,一個是結(jié)束編號,開始編號要比結(jié)束編號小,我看到antd官網(wǎng)上可以自定義validator. 但是有問題,比如我給兩個input都加了驗(yàn)證, 但是每個驗(yàn)證只有在自己change的時候觸發(fā),這就導(dǎo)致我改了某一個,其實(shí)已經(jīng)驗(yàn)證正確了,但是另外一個還是error狀態(tài).
我想要的應(yīng)該是一個驗(yàn)證,當(dāng)兩個input任意一個change時觸發(fā).
寫的有點(diǎn)啰嗦,希望你們能看明白.

  validateReceiptNumber = (rule, value, callback) => {
    const { getFieldValue } = this.props.form;
    let startNum = Number.parseInt(getFieldValue('startNum'));
    let endNum = Number.parseInt(getFieldValue('endNum'));
    if(!Number.isNaN(startNum) && !Number.isNaN(endNum) && startNum > endNum){
      callback('開始編號應(yīng)該小于結(jié)束編號');
    }
    callback()
  }

<FormItem
  validateStatus={startNumError ? "error" : ""}
  help={startNumError || ""}
>
  {getFieldDecorator("startNum", {
    initialValue: "0",
    rules: [
      { required: true, message: "請輸入開始編號" },
      { pattern: /^[0-9]*$/ , message: "請輸入數(shù)字" },
      { validator: this.validateReceiptNumber }
    ]
  })(<Input placeholder="開始編號" />)}
</FormItem>

<FormItem
  validateStatus={endNumError ? "error" : ""}
  help={endNumError || ""}
>
  {getFieldDecorator("endNum", {
    initialValue: "0",
    rules: [
      { required: true, message: "請輸入結(jié)束編號" },
      { pattern: /^[0-9]*$/ , message: "請輸入數(shù)字" },
      { validator: this.validateReceiptNumber }
    ]
  })(<Input placeholder="結(jié)束編號" />)}
</FormItem>