не работает подключенный javascript файл

Есть фрагмент кода на html:

<form class="check_in_form" method="post" action="registration.php" onsubmit="return Validate()" name="check_form"> 
		 
  <p id="input_form"> 
    <input type="text" name="fname" placeholder="Имя" size="28"> 
  </p> 
   
</form>

Код на JavaScript проверяет корректность ввода, - для этого я получаю значение input вот так:

var fname = document.forms["check_form"]["fname"];

Если JavaScript написан после закрытого тега: (в конце файла), все работает.

Я решил закинуть весь код на JavaScript в отдельный файл ".js" , подключил его к html файлу и все перестало работать.

Браузер пишет "TypeError: document.forms.check_form is undefined"

Я так понимаю ошибка в получение значения формы? Подскажите пожалуйста как решить проблему?

PS: изучаю JS недавно..