Jquery 密码和确认密码检查器工作不正常

当我使用span标记来显示消息时，效果非常好。 但是，当我使用bootstrap popover来显示密码是否匹配时，在显示密码匹配时会有一些延迟。 我是不是用错了爆米花

<input required type="password" name="password" placeholder="Enter Password" class="form-control mb-1 password" style="width:500px">
<input required type="password" name="cpassword" data-toggle="popover" title="" data-content="" placeholder="Confirm Password" class="form-control cpassword" style="width:500px">

<script>
  $(document).ready(function() {
    $('[data-toggle="popover"]').popover();
  });

  $(document).ready(function() {
    passCheck();
  });

  function passCheck() {    
    $('.password,.cpassword').on('keyup', function() {
      var pass = $(".password").val();
      var cpass = $('.cpassword').val();
      if (pass == cpass) {
        $('.cpassword').attr("data-content", "Password matched");

      } else {
        $('.cpassword').attr("data-content", "Password is not matched");

      }
    });
  }

</script>

$（文档）.ready（函数（）{
$（'[data toggle=“popover”]'）。popover（）；
});
$（文档）.ready（函数（）{
密码检查（）；
});
函数passCheck（）{
$（'.password，.cpassword'）。在（'keyup'，function（）上{
var pass=$（“.password”）.val（）；
var cpass=$（'.cpassword'）.val（）；
如果（通过==cpass）{
$（'.cpassword'）.attr（“数据内容”，“密码匹配”）；
}否则{
$（'.cpassword'）.attr（“数据内容”，“密码不匹配”）；
}
});
}

我认为您缺少以下代码作为您的passCheck函数中的最后一条语句：

$("[data-toggle='popover']").popover('show');