javascript - 有没有办法扭转暂停提交表单的情况，还是一开始就不要提交会更好？

Question

我正在尝试制作一个简单的网络应用程序。在我的登录页面中，我有一个带有文本字段、密码和提交按钮的表单。如果任一字段为空，将阻止提交表单。这是我使用的脚本:

 function checkLoginCredentials() {
    var usernameFormValue = $("#usernameForm").val().trim();
    var passwordFormValue = $("#passwordForm").val().trim();
    var validated;


    $("#loginForm").submit(function(event){
        if (usernameFormValue === "" || passwordFormValue === "") {
            $("span").html("Enter a username or password");
            validated = false
        } else {
            validated = true;
        }
        return validated;
    });
}

但是，我注意到一旦脚本运行并且表单提交被阻止，用户将无法再尝试再次登录。我能想到的唯一选择是让我的登录 servlet 和实用程序类完成所有验证。有没有办法解决这个问题，或者必须由我的 Java 类来验证无效条目(如空字符串)？

Answer 1

这里的问题是您如何分配验证码。您有一个 checkLoginCredentials，当您调用它时，您会读取表单值。并且比您添加表单提交。您应该在提交方法内部而不是外部添加文本框值的读取。

$("#loginForm").submit(function(event){

    var usernameFormValue = $("#usernameForm").val().trim(),
        passwordFormValue = $("#passwordForm").val().trim(),
        validated;

    if (usernameFormValue === "" || passwordFormValue === "") {
        $("span").html("Enter a username or password");
        validated = false
    } else {
        validated = true;
    }
    return validated;
});