javascript键控以更改div而不仅仅是文本

我有一些代码检查两个文本字段是否匹配。这是使用keyup，它工作得很好，但我想它隐藏或显示一个div取决于结果。我只有一个能改变divCheckPasswordMatch的代码

$('#match').hide();
$('#nomatch').show();

所以我希望它

$('#match').hide();
$('#nomatch').show();

js代码是：

$('#match').hide();
$('#nomatch').show();

 $(function() {
    $("#password2").keyup(function() {
        var password = $("#password1").val();
        $("#divCheckPasswordMatch").html(password == $(this).val() ? "Passwords match." : "Passwords do not match!");
    });
});

---

我猜你想让两个

使用

show（）

和

hide（）

显示不同的消息，但我不确定，所以我两个都做了

$('#match').hide();
$('#nomatch').show();

$（“#匹配”）.hide（）；
$（'nomatch'）.hide（）；
$（“#password2”）.keyup（函数（）{
var password=$（“#password1”）.val（）；
if（$（this）.val（）==密码）{
$（'#divCheckPasswordMatch'）.html（'passwordmatch'）；
$（“#匹配”）.show（）；
$（'nomatch'）.hide（）；
}否则{
$（'#divCheckPasswordMatch'）.html（'密码不匹配'）；
$（“#匹配”）.hide（）；
$（'nomatch'）.show（）；
}
});

第一次输入：

第二次输入：

匹配
没有对手
按照您的意愿，您可以这样做

$('#match').hide();
$('#nomatch').show();

HTML

$('#match').hide();
$('#nomatch').show();

但请记住，您还需要预测密码1是否也发生了更改。
下面是一个工作示例。出于学习目的，我强烈建议使用纯javascript而不是jQuery。将其重写为jQuery很容易。如果你愿意，我可以帮你

$('#match').hide();
$('#nomatch').show();

你错过了模糊事件，我添加了它。代码是不可重复的，它仍然可以改进。我们使用一个函数进行验证

$('#match').hide();
$('#nomatch').show();


var field1=document.getElementById（'password1'）；
var field2=document.getElementById（'password2'）；
var result=document.getElementById（'divCheckPasswordMatch'）；
函数validateInputs（）{
//如果任何字段为空，则退出
如果（field1.value==''| | field2.value==''）{
返回；
}
如果（field1.value==field2.value）{
result.innerHTML=''；
//可选的隐藏它，清除文本给几乎相同的效果，由你决定
//result.style.display='none'；
}否则{
result.innerHTML='密码不匹配'；
//可选显示它
//result.style.display='block'；
}
}
document.getElementById（'password1'）。addEventListener（'keyup'，validateInputs）；
document.getElementById（'password2'）。addEventListener（'keyup'，validateInputs）；
document.getElementById（'password1'）。addEventListener（'blur'，validateInputs）；
document.getElementById（'password2'）。addEventListener（'blur'，validateInputs）
制作一个if（condition）hide（）示例，请放在哪里？