java servelet page的账号密码文本框判断正误的Java script代码

在Java Servlet页面中，为了验证用户输入的账号密码，你可以使用JavaScript来前端校验用户的输入，而服务器端通常会配合后端语言如Java进行数据验证。以下是一个简单的例子，展示了如何在JavaScript中对账号密码文本框进行基本的长度和非空检查：

<!-- HTML部分 -->
<form id="loginForm" onsubmit="return validateForm()">
    <label for="username">用户名:</label>
    <input type="text" id="usernameInput" name="username"><br>
    <label for="password">密码:</label>
    <input type="password" id="passwordInput" name="password"><br>
    <input type="submit" value="登录">
</form>

<script>
function validateForm() {
    var username = document.getElementById("usernameInput").value;
    var password = document.getElementById("passwordInput").value;

    // 简单的验证规则
    if (username.trim() === "" || password.trim() === "") {
        alert("请输入账号和密码");
        return false; // 阻止表单提交
    } else if (username.length < 5 || password.length < 8) {
        alert("密码和用户名长度不符合要求");
        return false;
    }

    // 如果所有条件都通过，返回true允许表单提交
    return true;
}
</script>