為什麼我的 element-ui-form 驗證器無法被呼叫？

Question

程式碼如下：

**validateCode:[{validator:(rule, value, callback)=>{
    if (!value) { 
      callback(new Error('you have to input code')) 
    } else if(this.radioValue=="mobile"){
      validatingCo(this.user.mobile,value).then((res)=>{
        if(!res.code==20000){
           return callback(new Error('the code is wrong or expired'))
         } else{
             callback()
         }
      })
    }
    else{
       validatingCo(this.user.email,value).then((res)=>{
         if(!res.code==20000){
           return  callback(new Error('the code is wrong or expired'))
         } else{
           callback()
         }
       })
    }
  }, trigger:'blur'}]

不幸的是，它沒有執行，也沒有錯誤。 我想知道如何處理。

Answer 1

我認為問題可能是由這一行引起的：

if(!res.code==20000){
  // Some stuff here
}

它可能應該是：

if(res.code!=20000){
  // Some stuff here
}

!res.code 將始終評估為 true 或 false。所以 !res.code==20000 將始終為 false。無論輸入什麼，以下錯誤回呼都不會執行：

return callback(new Error('the code is wrong or expired'))

這裡有一個小演示，展示「bar」總是會被印出來

function simple_if(number) {
  if (!number == 20000) {
    return "foo"
  } else {
    return "bar"
  }
}

console.log(`res=20000. Expect 'bar': ${simple_if(2000)}`)
console.log(`res=3. Expect 'foo': ${simple_if(3)}`)
console.log(`res=0. Expect 'foo': ${simple_if(0)}`)