Javascript：在按键时显示第二个文本框

我有两个文本框（pass1和pass2）。我希望pass2被隐藏，并且只有在pass1中输入了某些内容时才会出现。当pass1为空时，Pass2应该隐藏。

使用一个将

Pass2

与

pass1

同步的函数

function syncTextFields() {
    var pass1 = this;
    var pass2 = document.getElementById('pass2');

    if(pass1.value == '') {
        pass2.style.display = 'none';
    }
    else {
        pass2.style.display = '';
    }
}

然后在pass1字段中键入任何内容时运行sync函数

pass1.onkeyup = syncTextFields;

我们将逻辑分离为一个函数，这样函数也可以在页面加载时单独运行

window.onload = function() {
    syncTextFields();
    document.getElementById('pass1').onkeyup = syncTextFields;
};

---

使用将

pass2

与

pass1

同步的功能

function syncTextFields() {
    var pass1 = this;
    var pass2 = document.getElementById('pass2');

    if(pass1.value == '') {
        pass2.style.display = 'none';
    }
    else {
        pass2.style.display = '';
    }
}

然后在pass1字段中键入任何内容时运行sync函数

pass1.onkeyup = syncTextFields;

我们将逻辑分离为一个函数，这样函数也可以在页面加载时单独运行

window.onload = function() {
    syncTextFields();
    document.getElementById('pass1').onkeyup = syncTextFields;
};

函数checkVisibility（）{
var pass1=document.getElementById（'pass1'）；
var pass2=document.getElementById（'pass2'）；
如果（pass1.value.length>0）{
pass2.style.visibility='visible'；
}否则{
pass2.style.visibility='hidden'；
}
}

函数checkVisibility（）{
var pass1=document.getElementById（'pass1'）；
var pass2=document.getElementById（'pass2'）；
如果（pass1.value.length>0）{
pass2.style.visibility='visible'；
}否则{
pass2.style.visibility='hidden'；
}
}

您是将此行为视为用户类型，还是仅当焦点丢失时，即模糊？您是将此行为视为用户类型，还是仅当焦点丢失时，即模糊？不要使用内联事件处理程序！不要使用内联事件处理程序！