Question

我遇到的问题是让我的外部JavaScript文件与我的html一起使用。

javascript的要点是当它们被提交为空时突出显示必填字段，然后在单击或（onfocus）时返回其原始颜色。

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

我尝试使用onload =“function（）;”在＆lt;身体＆gt;但我知道这是不对的。我完全迷失了，所以非常感谢任何帮助或指导。

这里的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";
    };

};

};

Answer 1

尝试在body。

结束之前添加链接到脚本的行

Answer 2

好吧，如果您将document.getElementsById替换为document.getElementById，则会突然显示错误字段。

外部JavaScript将无法正常工作

2 个答案: