如何为onclick验证javascript设置条件

Question

我正面临一个设置消息和清除消息的小问题。

我有 2 个输入，点击按钮我应该检查输入字段是否满足条件，否则不显示任何消息

或者

如果条件满足后显示错误消息，我应该删除该消息

但如果 phnum 为 10 位且密码小于 7 位，则下面的代码不满足，反之亦然

如果单击按钮时两个字段长度都不满足，我应该显示两个错误消息

const inputValidation = () => {
  if (phnum?.length < 10) {
    //phnum must be 10 digit(error message)
    if (picode?.length < 7) {
      //zipcode must be 7 digit (error message)
    } else {
      //remove  zipcode message
    } else {
      //remove phnum message
    }
  }
}

Answer 1

1. 将清除错误移到 ifs 之前
2. 移动第二个如果因为现在你只在 phnum 出错时测试 picode

const inputValidation = () => {
  //remove  zipcode message
  //remove phnum message
  if (phnum?.length < 10) {
    //phnum must be 10 digit(error message)
  } 
  if (picode?.length < 7) { // removing the else will show both
    //zipcode must be 7 digit (error message)
  }
}