Question

当我使用span标签显示消息时，它的效果很好。但是，当我使用自举弹出窗口显示密码是否匹配时，密码匹配会延迟一些时间显示。我是否使用弹出式窗口错误？

<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>

Answer 1

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

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

https://jsfiddle.net/tshenolo/apshzxg9/51/

密码并确认密码检查器无法正常工作

1 个答案: