Из-за чего браузер выдаёт ошибку «Cannot read property 'value'»?

Question

[Pavel_Proca]

Прописал вот такой код, а браузер выдаёт ошибку "Uncaught TypeError: Cannot read property 'value' of undefined". В чём может быть проблема? Вот код:

var form  = document.getElementsByTagName('form')[0];
var field = document.querySelectorAll('input[class^="loc-"]');
var error = document.querySelectorAll('.error');

form.addEventListener("submit", function (event) {
  for (var i=0; i < 3; i++) {
    if (field[i].value == 0) {
      error[i].className = "error active";
      event.preventDefault();
    }
  }
}, false);

Answer 1

[Maks Codov]

В момент срабатывания скрипта элемент еще не загрузился. Проверяли в консоли скрипт?
Попробуйте на document.ready назначить срабатывание скрипта. В JQuery
$(function(){
//code
} );

https://learn.javascript.ru/onload-ondomcontentloaded тут больше инфы по JS