使用 JS 进行表单验证

乔尔杰·兰科维奇

我正在尝试进行表单验证，但我认为我的按钮不起作用。我对具有“可见性：隐藏”样式的段落进行了此操作，如果输入字段中未输入任何内容，我想在单击按钮时将其更改为“可见性：可见”。我能做些什么来修复它？这是JS代码：

document.querySelector("cta-btn").addEventListener("click", function() {
    let name = document.getElementsByClassName("first-name").value;
    if (name == "") {
        document.getElementsByClassName("name-error").style.visibility = "visible";
        document.getElementsByClassName("first-name").style.border = "1px solid red"
    }
});

丹尼尔

所述getElementsByClassName返回一个数组。如果您只有一个该类的元素要使其可见，则可以通过访问 0-index 元素来获取第一个元素

document.querySelector("cta-btn").addEventListener("click", function() {
    let name = document.getElementsByClassName("first-name")[0].value;
    if (name == "" || name == null) {
        document.getElementsByClassName("name-error")[0].style.visibility = "visible";
        document.getElementsByClassName("first-name")[0].style.border = "1px solid red"
    }
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。