html5文档加载前调用函数,html调用javascript外部文件显示函数未定义

在html的head标签中调用了外部js文件，路径没有错，浏览器中也没有报错。但是触发事件调用函数的时候却显示loginWarm函数未定义。怎么回事，查了很久都没有一个正确的解决办法

oninput="setCustomValidity('');" onchange="loginWarm()" pattern="^[0-9]+$" value="" placeholder="请输入工号">

这是login.js文件

function loginWarm() {

var user= document.getElementById("d_user");

if (user.checkValidity() == false) {

document.getElementById("warm").innerHTML = "1213123213";

} else {

document.getElementById("warm").innerHTML = "";

}

}

我之前是统一放在html文件中，没有问题，想把javascript代码提出来放在单独的脚本文件中，却出现了错误

我现在远程不了，出了点问题，大佬们帮我解答一下，编码什么的我也改了，路径也没问题，网上说的方法我都试了个遍，浏览器都换了几个 修改