在 Javascript IF-ELSE 中，IF 语句不起作用

Question

我正在尝试验证 OTP。 在这里，我有两个组件：

1. 接受 OTP 输入的文本框。 id="txtOTP"
2. 显示已验证 OTP 状态的状态行（这里我使用了<i>标记）。 id="状态行"

为此，我正在使用 JavaScript。

function checkOTP() 
{
  var OTP = "1234";
  var txtOTP = document.getElementById('txtOTP');
  var statusLine = document.getElementById('statusLine');
  var myOTP = txtOTP.value;

  if (OTP.value == myOTP) 
 {
    console.log('Entered in Valid OTP');
    statusLine.style.display = "inline";
    statusLine.style.color = "green";
    statusLine.innerHTML = "OTP Verified, Generating Your Pass and Redirecting to the Next Page... ";
    console.log('Exit From Valid OTP');
    return true;
  } 
  else if (OTP.value != myOTP) 
  {
    console.log('Entered in Invalid OTP');
    statusLine.style.display = "inline";
    statusLine.style.color = "red";
    statusLine.innerHTML = "Invalid OTP. Please Try Again";
    console.log('Exit From Invalid OTP');
    return false;
  }
}

根据我的代码，如果 OTP 正确，它应该进入 if 的范围，如果 OTP 错误，它应该进入 else 的范围。 但是，即使我在文本框中编写了正确的 OTP，它也总是进入 else 的范围。 我什至尝试过这段代码，而没有将 if 与 else 语句一起使用（如 else if() { } ）。

Answer 1

您需要将myOTP更改为数字或使用双等号：

var myOTP = parseInt(txtOTP.value);

或者：

if (OTP == myOTP) {...}

另请注意，您不需要else if (...) - 只需使用else {...} 。

Answer 2

OTP是一个Number但您在 if/else if 语句中检查OTP.value

function checkOTP()
            {
                var OTP = 1234;
                var txtOTP = document.getElementById('txtOTP');
                var statusLine = document.getElementById('statusLine');
                var myOTP = txtOTP.value;

                if(OTP === myOTP )
                {
                    console.log('Entered in Valid OTP');
                    statusLine.style.display = "inline";
                    statusLine.style.color = "green";
                    statusLine.innerHTML = "OTP Verified, Generating Your Pass and Redirecting to the Next Page... ";
                    console.log('Exit From Valid OTP');
                    return true;
                }
                else if(OTP != myOTP )
                {
                    console.log('Entered in Invalid OTP');
                    statusLine.style.display = "inline";
                    statusLine.style.color = "red";
                    statusLine.innerHTML = "Invalid OTP. Please Try Again";
                    console.log('Exit From Invalid OTP');
                    return false;
                }
            }

Answer 3

这是一个解决方案。 它基于评论和以前的答案：

function checkOTP() {
    var OTP = "1234";
    var txtOTP = document.getElementById('txtOTP');
    var statusLine = document.getElementById('statusLine');
    var myOTP = txtOTP.value;

    if (OTP == myOTP) {
        console.log('Entered in Valid OTP');
        statusLine.style.display = "inline";
        statusLine.style.color = "green";
        statusLine.innerHTML = "OTP Verified, Generating Your Pass and Redirecting to the Next Page... ";
        console.log('Exit From Valid OTP');
        return true;
    }  else {
        console.log('Entered in Invalid OTP');
        statusLine.style.display = "inline";
        statusLine.style.color = "red";
        statusLine.innerHTML = "Invalid OTP. Please Try Again";
        console.log('Exit From Invalid OTP');
        return false;
    }
}

您需要编写OTP而不是OTP.value并且您不需要， else if相反。 只是else会做。

Answer 4

尝试在 else if 之后添加一个 else 语句，因为语法是：

if (condition1) {
  //  block of code to be executed if condition1 is true
} else if (condition2) {
  //  block of code to be executed if the condition1 is false and condition2 is true
} else {
  //  block of code to be executed if the condition1 is false and condition2 is false
}