javascript - 使用函数和 if 语句的 JavaScript 表单验证

Question

看看这段代码：

var UserName = document.getElementById("username");
var PassWord = document.getElementById("password");

function ValidateFormBeforePHP() {

    if (UserName.value == "" || UserName.value.length < 10) { alert("Please fill in username or characters to 10 or more"); }
    UserName.focus();
    UserName.style.border = "1px solid red");

    if (PassWord.value == "" || PassWord.value.length < 10) { alert("Please fill in password or characters to 10 or more"); }
    PassWord.focus();
    PassWord.style.border = "1px solid red");

    return false;

}

如果这两个陈述都是假的，它不会发布/登录。

标签： javascriptvalidationdom-events

Answer 1

它应该有点像这样：

function ValidateFormBeforePHP() {

    if (UserName.value == "" || UserName.value.length < 10) {
        alert("Please fill in username or characters to 10 or more");
        UserName.focus();
        UserName.style.border = "1px solid red";
        return false;
    }


    if (PassWord.value == "" || PassWord.value.length < 10) {
        alert("Please fill in password or characters to 10 or more");
        PassWord.focus();
        PassWord.style.border = "1px solid red";
        return false;
    }

    return true;

}