javascript - Onblur 返回错误数据

Question

我的表单检查不起作用。如果我将别名字段留空，它将返回已填充的名称字段。

var alias = document.getElementById("alias");
var name = document.getElementById("name");
var status = '';

function checkIt() {
    if (alias.value != '') {
        document.getElementById("alias").style.borderColor = "#3c763d";
        return true;
    } else {
        document.getElementById("alias").style.borderColor = "#a94442";
        status = false;
    }
    if (name.value != '') {
        document.getElementById("name").style.borderColor = "#3c763d";
        return true;
    } else {
        document.getElementById("name").style.borderColor = "#a94442";
        status = false;
    }
}

name.onblur=checkIt;
alias.onblur=checkIt;

Answer 1

试试这个，在事件触发时你应该使用当前对象 this 而不是全局变量

var alias = document.getElementById("alias");
var name = document.getElementById("name");
var status = '';

function checkIt() {
if (this.value != '') {
    this.style.borderColor = "#3c763d";
    status = true;
} else {
    this.style.borderColor = "#a94442";
    status = false;
}
}

name.onblur=checkIt;
alias.onblur=checkIt;

JSFIDDLE DEMO