外部javascript将无法工作

我遇到的问题是让外部JavaScript文件与html一起工作

javascript的要点是在必填字段提交为空时高亮显示，然后在单击或（onfocus）时返回其原始颜色

我不知道如何正确链接javascript使其应用于html

我尝试在中使用onload=“function（）；”，但我知道这是不对的。我完全迷路了，所以任何帮助或指导都将不胜感激

此处为HTML：

CSS此处：

JavaScript在这里：

window.onload = function () {

document.getElementById('mainForm').onsubmit = function (e) {

    var t = document.getElementsById("title");
    var d = document.getElementsById("description");
    var l = document.getElementsById("license");
    var tv = document.getElementsById("title").value;
    var dv = document.getElementsById("description").value;

    if (tv == null || tv === "") {
        e.preventDefault();
        title.style.backgroundColor = "red";
        title.parentNode.style.backgroundColor = "red";
    }

    if (dv == null || dv === "") {
        e.preventDefault();
        description.style.backgroundColor = "red";
        description.parentNode.style.backgroundColor = "red";
    }

    if (!l.checked) {
        e.preventDefault();
        license.style.backgroundColor = "red";
        license.parentNode.style.backgroundColor = "red";
    }

    t.onfocus = function () {
        title.style.backgroundColor = "white";
        title.parentNode.style.backgroundColor = "white";
    };

    d.onfocus = function () {
        description.style.backgroundColor = "white";
        description.parentNode.style.backgroundColor = "white";
    };

    l.onfocus = function () {
        license.style.backgroundColor = "EBF4FB";
        license.parentNode.style.backgroundColor = "EBF4FB";
    };

};

};

---

尝试将链接到脚本的行放在

正文

的末尾之前，如果将

文档替换为
文档，则getElementsById
。getElementById将开始突出显示错误的字段。
它在做什么？“不会工作”是不可调试的。我认为javascript没有正确链接到html，如果它在控制台中显示了什么错误的话。未捕获语法错误：意外标记）html的第13行。它指的是我添加的onload=“function（）；”部分。我知道这是不正确的，因为当我删除它时，我没有错误