javascript - 提交时将值加 1，直到达到 5

Question

大家好，我正在开发一个击键生物识别 Web 应用程序，我想提示用户输入密码5 次。现在我脑子里有了这个概念，但我似乎无法解决这个问题。我想将 i 增加 1 并在每次用户单击提交时返回 false 直到 i 变为 5，然后形式返回 true。当我点击提交时，i 保持 0 并且不增加。这是我的代码:

//When user submits increment by 1 till 5
function formSubmit(){
  for(i = 0; i < 5; i++){
    if(i <= 4){
      console.log(i);
      return false;
    }else{
      return true;
    }
    }
}

这就是表格。我可能有一个想法，该函数在返回 false 时正在退出，并且不会停留在 for 循环中，但我尝试了多种解决方案，但没有任何效果。

 <form onsubmit="return formSubmit()" class="" action="" method="post">

如果有任何帮助，我将不胜感激。

Answer 1

您不需要在提交时循环。您需要在每次提交表单时增加函数作用域之外的变量，当该变量达到 5 时，您将返回 true。

例如

var count = 0;
function formSubmit() {
  console.log(count);
  return ++count === 5;
}

<form onsubmit="return formSubmit()" class="" action="" method="post">
  <input type="submit"></input>
</form>