0

我正在尝试将密码要求放在 twitter 引导弹出窗口中。内容随着用户输入密码而改变。问题是当它专注于密码字段时，内容会正确更改，但是当它失去焦点并重新获得焦点时，内容会自行重置，而我希望它保持失去焦点之前的状态。下面是我的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');
    }


})});

不知道如何实现这一点。非常感谢。

4

1 回答 1

0

看看这个例子..

http://bootply.com/87158

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

于 2013-10-11T17:45:32.333 回答