twitter bootstrap popover中的密码要求

Question

我正在尝试将密码要求放在twitter bootstrap弹出窗口中。当用户键入密码时，内容会发生变化。问题是，当它集中在密码字段时，内容会正确更改，但当它失去焦点并重新获得焦点时，内容会自动重置，而我希望它恢复到失去焦点之前的状态。下面是我的js代码：

  $(document).ready(function() {
 $('#pass').popover({ 

        placement:'bottom',

        html : true,
        content: function() {
          return $('#pswd_info').html();
        }
      });
$('#pass').keyup(function() {





    var pswd = $(this).val();
    if ( pswd.length < 8 ) {
        $('#length').removeClass('valid').addClass('invalid');
    } else {
        $('#length').removeClass('invalid').addClass('valid');
    }  
    if ( pswd.match(/[A-z]/) ) {
        $('#letter').removeClass('invalid').addClass('valid');
    } else {
        $('#letter').removeClass('valid').addClass('invalid');
    }

    //validate capital letter
    if ( pswd.match(/[A-Z]/) ) {
        $('#capital').removeClass('invalid').addClass('valid');
    } else {
        $('#capital').removeClass('valid').addClass('invalid');
    }

    //validate number
    if ( pswd.match(/\d/) ) {
        $('#number').removeClass('invalid').addClass('valid');
    } else {
        $('#number').removeClass('valid').addClass('invalid');
    }


})});

不知道如何才能做到这一点。非常感谢。

Answer 1

看一下这个例子..

http://bootply.com/87158

这将使用jQuery .keyup()进行实时密码验证，并在引导弹出窗口中显示消息。