当javascript检测到表单完成时，输入按钮永远不会出现

Question

我正在使用HTML，CSS和JS以及Java servlet等创建一个注册页面。我有一个monitorer（）函数，它检查用户是否在完成注册按钮可见之前输入了所有内容。但现在一切正常，但在某个地方我被搞砸了，按钮永远不会回来..

我在reg.html中的按钮：

<input type="submit" value="Register" class="btnSub" id="btnReg" style="visibility:hidden;"/>

javascript函数monitorer（）

function monitorer() {
var btnReg = document.getElementById("btnReg");
btnReg.style.visibility = "hidden";
var flag = true;

if (document.getElementById("fname").value.length >= 3) {
    if (document.getElementById("lname").value.length >= 3) {
        if (valiDate(document.getElementById("dob"))) {
            if (document.getElementById("USN").value.length == 10) {
                if (document.getElementById("passw").value.length > 5) {
                    var ticks = document.getElementsByClassName("checker"), i = 0;
                    for (i = 0; i < ticks.length; i++) {
                        if (ticks.item(i).innerHTML == "&#x2714;") {
                            alert("i val = " + i);
                            continue;
                        } else {
                            flag = false;
                            break;
                        }

                    }
                }
            } else {
                flag = false;
                document.getElementById("USN").focus();
            }
        } else {
            flag = false;
            document.getElementById("dob").focus();
        }
    } else {
        flag = false;
        document.getElementById("lname").focus();
    }
} else {
    flag = false;
    document.getElementById("fname").focus();
}

if (flag == true) {
    btnReg.style.visibility = "visible";
} else if(flag == false) {
    btnReg.style.visibility = "hidden";
}}

为了帮助您获得尽可能好的图片，请截图

请参阅 - 所有的刻度都在那里，名字，姓氏等都有value.length＆gt; = 3但仍然没有显示注册按钮..

另外，我已将monitorer（）方法放在每个输入的“onBlur”，“onChange”事件中。

以下是我的html文件＆gt;＆gt;＆gt;的链接reg.html

如果我可以改进任何事情，请告诉我？