如何强制循环等到用户按下提交按钮?

时间:2015-08-16 21:31:33

标签: javascript for-loop callback

我有简单的功能,检查输入的密码是否有效。但是我不知道如何强制for循环等到我再次输入代码以再次检查它的有效性。
那应该怎么做 - 我键入PIN码,然后点击确定按钮,它会检查它是否正确(如果是,我可以看到我的帐户菜单;如果它是' s不是我必须再次键入它,我还有2次机会)。我的代码失败了,因为代码错误时代码应该等到我键入新代码并且再次按下OK按钮。 我尝试了setTimeout(),callback(),但它没有用。这就是我所拥有的 - 一个带有for循环的函数,只运行3次(假设,但不是立即),而没有机会纠正PIN码。

那个完整的,尚未完成的代码:http://jsfiddle.net/j1yz0zuj/

仅用于for循环,用于检查PIN码的有效性:

var submitKey = function(callback)
{
    console.log("digit status" + digitStatus);
    if (digitStatus == 0)
    {
        correctPIN = 1234;
        var onScreen = document.getElementById("screen");
        for (i=0; i<3; i++)
        {
            if (onScreen.innerHTML.slice(15, onScreen.innerHTML.length) == correctPIN)
            {
               setTimeout(accountMenu, 1250);
               //break;
            }
            else
            {
                onScreen.innerHTML += "<br> Błędny kod PIN! Wpisz PIN ponownie. <br> Pozostało prób: " + (2-i);
                callback();
                //cardInserted = function(function(){console.log("Ponowne wpisanie PINu");});
            }
            if (i=2) console.log("blokada");
        }
    }
    else if (digitStatus == 1)
    {

    }


}

1 个答案:

答案 0 :(得分:3)

你的做法是错误的。你不应该让用户等!您需要在程序顶部的另外两个变量pincount = 0和pininputallowed。将提交键功能中的pincount增加1,然后检查pincount&lt; 3。

以下是您的代码的更正版本。

http://jsfiddle.net/kvsx0kkx/16/

var pinCount=0,
pinAllowed=true;


var submitKey = function()
{
    console.log("digit status" + digitStatus);
    if (digitStatus == 0)
    {
        correctPIN = 1234;
        var onScreen = document.getElementById("screen");
        pinCount++;
        if(pinCount >= 3) {
            pinAllowed = false;
            onScreen.innerHTML = "<br>blokada";
        }
        if(pinAllowed){
            if (onScreen.innerHTML.slice(15, onScreen.innerHTML.length) == correctPIN)
            {
               setTimeout(accountMenu, 1250);
               //break;
            }
            else
            {
                onScreen.innerHTML += "<br> Błędny kod PIN! Wpisz PIN ponownie. <br> Pozostało prób: " + (3-pinCount); 
                inputLength = 0;
                document.getElementById("screen").innerHTML += "<br>Wpisz kod PIN: ";
                //callback();
                //cardInserted = function(function(){console.log("Ponowne wpisanie PINu");});
            }
        }
    }
    else if (digitStatus == 1)
    {

    }


}

您需要创建更多变量来控制您的计算机。您的添加/删除数字函数的条件写得很糟,只有在屏幕上的文字足够短时才能使用。

var inputLength = 0;
addDigit = function(digit){
                //numKeyValue = numKeyValue instanceof MouseEvent ? this.value : numKeyValue;{

            if (inputLength < pinLength) {
                onScreen.innerHTML += this.value;
                inputLength++;
            }
            //if (onScreen.innerHTML == 1234) console.log("PIN został wprowadzony");
        },
delDigit = function(){
            if (inputLength >= 0) {
                onScreen.innerHTML = onScreen.innerHTML.slice(0, -1);
                inputLength--;
            }
        };

如果您想随时清空屏幕,可以在任何地方插入onScreen.innerHTML = ''; ps:感谢你在那里锻炼和漂亮的自动贩卖机。