Одна секция за раз:
window.onload = initForms;
function initForms() {
for (var i=0; i< document.forms.length; i++) {
document.forms[i].onsubmit = function() {return validForm();}
}
}
Это устанавливает любую форму на странице для первого вызова validForm() до ее отправки, если эта функция возвращает false, форма не будет отправлена.
function validForm() {
var allGood = true;
var allTags = document.getElementsByTagName("*");
for (var i=0; i<allTags.length; i++) {
if (!validTag(allTags[i])) {
allGood = false;
}
}
return allGood;
<...snip...>
Этот раздел захватывает все элементы и начинает их циклически повторять, вызывая функцию validTag для каждого элемента и передавая эту функцию каждому объекту-тегу. Если validTag возвращает false, то для переменной allGood устанавливается значение false. Как только цикл всех элементов завершен, он возвращает переменную allGood обратно в обработчик, упомянутый в предыдущем разделе. Если значение равно false, форма не отправляется.
function validTag(thisTag) {
var outClass = "";
var allClasses = thisTag.className.split(" ");
for (var j=0; j<allClasses.length; j++) {
outClass += validBasedOnClass(allClasses[j]) + " ";
}
thisTag.className = outClass;
if (outClass.indexOf("invalid") > -1) {
thisTag.focus();
if (thisTag.nodeName == "INPUT") {
thisTag.select();
}
return false;
}
return true;
validTag функция принимает 1 параметр, тег HTML. Он просматривает имена классов, примененные к этому тегу, и передает каждое из них в функцию validBasedOnClass. Он собирает результаты этих нескольких вызовов validBasedOnClass и помещает их в переменную outClass. Затем код проверяет, содержит ли переменная outClass слово «неверный», если это так, элемент получает фокус клавиатуры, а если элемент является тегом типа INPUT, текст подсвечивается и возвращается значение false, поэтому * Функция 1019 *, указанная выше, теперь установит для allGood значение false, и форма не будет отправлена.
function validBasedOnClass(thisClass) {
var classBack = "";
switch(thisClass) {
case "":
case "invalid":
break;
case "reqd":
if (allGood && thisTag.value == "") {
classBack = "invalid ";
}
classBack += thisClass;
break;
default:
classBack += thisClass;
}
return classBack;
}
}
}
Функция validBasedOnClass просматривает по одному имени класса за раз из данного тега, и если для него установлено значение 'reqd', то она проверяет, что значение элемента не является пустым, если оно есть, то возвращает оба исходное имя класса и добавленный к нему класс 'invalid'. Который запускает вышеуказанное задокументированное поведение в функции validTag.