Комментарии к итоговому заданию Ивана Изотова

izotov.js

// Устанавливаем фокус на первый элемент формы при загрузке страницы
function setFocus(){
  document.getElementsByName("num-1")[0].focus();
}

function checkNum(x){
    var  f = document.getElementsByTagName("form")[0];

    //Проверяем значение, число или нет
    if (isNaN(x.value)) {

        // в результате, если я ввож 139o (промахнулся по 0),
        // то стирается всё значение. Это нехорошо
        // Нужно удалять только последний символ:
        // x.value = x.value.substring(0, x.value.length-1)
        x.value=""; 
    }

    // Переводим фокус на следующее поле, если введено максимальное число символов
    if (x.value.length == x.maxLength){
        var next = x.tabIndex;
        if(next < f.length){
           f.elements[next].focus();
        }
    }

    // Очищаем поле даты, если введеная дата меньше настоящего года
    var setYear=document.getElementsByTagName("input")[5].value;
    if (setYear && setYear.length == 4){
        var d = new Date();
        var year = d.getFullYear();
        if (year > setYear){
            x.value = "";
            x.focus();
        }
    }
}

function checkSym(sym){
    var cardHolder = document.getElementsByName("owner")[0];
    var f = document.getElementsByTagName("form")[0];

    // Устанавливаем прописные буквы в поле
    cardHolder.value = sym.toUpperCase();

    // Проверяем заполнение элементов формы
    if (cardHolder.value.length > 2){
     var b = true;
      for (var i = 0; i < f.length; i++){
         if (f.elements[i].value == "") { b = false }
        // В идеале здесь ещё можно добавлять визуальное
        // выделение неправильно заполненным полям
      }
    }
    // Если элементы формы заполнены, то присваиваем блоку класс valid и разблокируем кнопку
    if (b) {
        document.getElementsByTagName("div")[0].className += " valid";
        document.getElementsByName("submit")[0].removeAttribute("disabled");
    }
}