Angular（JavaScript）确认密码验证消息？

所以我有一个密码和确认密码，如果不匹配，我显然需要匹配并显示一条消息

我的要求：

该消息应仅在确认密码（第二次输入）输入后显示

我现在的设置是，当用户模糊确认密码（第二次输入）时，函数运行并在不匹配时抛出错误消息，当用户键入与密码输入（第一次输入）匹配的正确密码（使用onkeyup）时，函数也会动态隐藏

问题： 如果用户返回并更改第一个输入，则不会显示任何消息。如果我在密码（第一次输入）上使用相同的onblur函数，则在第二个字段（确认密码）中输入任何内容之前会显示消息。我该如何解决这个问题

$onInit=（）=>{
让自我=这个；
this.siRole.getRoles（）.then（（roleList）=>{
self.roleList=roleList.filter（（r）=>{return！r.hidden}）；
}，（错误）=>{
self.siAlertDialog.error（错误消息）；
})
this.hide=true；
}
passwordWatchOnblur=（）=>{
this.hide=this.newUser.password==this.newUser.confirmPassword？true:false
}
passwordWatchOnkeyup=（）=>{
if（this.newUser.password==this.newUser.confirmPassword）{
hide=true；
} 
}

{{'SI-MESSAGES.PASS-NO-MATCH'| translate}

可能的解决方案：

在密码（第一次输入）上使用相同的onkeyup功能，并修改

passwordWatchOnkeyup

，如：

passwordWatchOnkeyup = () => {
    this.hide =  typeof this.newUser.confirmPassword === 'undefined' || this.newUser.confirmPassword === null || this.newUser.password == this.newUser.confirmPassword;
}

原因：如果没有

confirmPassword

或两者相等，则隐藏消息

---

更新（为

passwordWatchOnblur

功能添加了替代选项）

。。。或者您可以在onblur on password（首次输入）上使用此（

passwordWatchOnblur

）功能

---

注意：功能的内容是相同的。改变的是它们被调用的时间。当在

onblur

上调用

passwordWatchOnblur

时，在用户离开输入之前，以及在他/她键入密码时，消息将不会显示。

您可以尝试以下指令：很好，这非常有效。快速的问题是，是否可以等到客户输入确认密码，如ng blur，然后我更改密码（第一次输入）或修复密码（第一次输入），然后显示消息（使用keyup/dwn）？当然，但这将是另一种选择。你想让我也用这个选项更新答案吗？基本上，您不会在

onkeyup

上调用函数，但在blur out上，通过这种方式，您可能应该修改

passwordWatchOnblur

，这与我使用

passwordWatchOnkeyup

时的想法几乎相同。如果您可以的话，我会尝试自己模仿它，但我正在做的事情并不是这样correct@AnuRajan,请查看我答案的更新部分。我刚刚添加了另一种选择。它们非常相似，改变的是函数被调用的时刻。如果任何问题仍然存在，请让我知道，我会尽力帮助你

passwordWatchOnblur = () => {
    this.hide =  typeof this.newUser.confirmPassword === 'undefined' || this.newUser.confirmPassword === null || this.newUser.password == this.newUser.confirmPassword;
}