javascript - 客户端验证显示问题

Question

我对 JavaScript 比较陌生，我正在尝试在我的注册表单上实现客户端验证。目标是当用户按下提交按钮时，错误设置为可见性:可见。但是，这不起作用。我的代码有什么问题？

function validate() {
    var errorname = document.getElementById("errorforename");
    var user_forename = document.register.user_forename;
    if (user_forename === "") {
        errorforename.style.visibility = "visible";
    }
}

.error {
    color: red;
    font-style: italic;
    font-size: 17px;
    visibility: hidden;
}

    <form id="register" name="register" action="#" method="post">

    <label for="forename">Forename</label>
                <input type="text" id="forename" name="user_forename" placeholder="John" required>
                <span id="errorforename" class="error">First name is required</span>
     <button type="submit" value="Submit" onclick="validate();">Register</button>

    </form>

Answer 1

document.register.user_forename 是元素。要读取它的值，您需要添加 .value。