Кнопка ввода никогда не появляется, когда JavaScript обнаруживает заполненную форму

Я делаю страницу регистрации, используя HTML, CSS и JS, а также сервлет Java и т. Д. У меня есть функция monitorer(), которая проверяет, завершил ли пользователь все ввод, прежде чем сделать кнопку регистрации видимой. Но теперь все работает, но где-то я облажался, и кнопка никогда не возвращается..

моя кнопка в reg.html:

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

функция контроля javascript ()

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";
}}

И чтобы помочь вам получить как можно более хорошую картинку, снимок экрана

введите описание изображения здесь

Видите ли, все галочки есть, имя, фамилия и т. Д. Имеют значение. Длина>=3, но кнопка регистрации не отображается..

Кроме того, я поместил метод monitorer() в каждый вход "onBlur", "onChange".

Вот ссылка на мой HTML-файл >>> reg.html

и, пожалуйста, дайте мне знать, если я могу что-то улучшить?

0 ответов

Другие вопросы по тегам