Кнопка ввода никогда не появляется, когда 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 == "✔") {
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
и, пожалуйста, дайте мне знать, если я могу что-то улучшить?