客户端验证显示问题

Client-Side validation display issue

本文关键字：问题 显示 验证 客户端      更新时间：2023-09-26

我对 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>

document.register.user_forename是

元素。 要读取其值，您需要添加 .value .

只需在

document.register.user_forename 后附加 .value，

像这样，var user_forename = document.register.user_forename.value;

相关文章：