Javascript 隐藏的div不是'；在焦点上看不到

我正试图在同一个网站上用javascript进行简单的注册。我有一个隐藏DIV的问题，当用户点击密码输入时，它应该显示，但它没有显示

这是javascript部分

$('input[type=password]').keyup(function() {

var pswd = $(this).val();

//pass lenght
if ( pswd.length < 8 ) {
  $('#length').removeClass('valid').addClass('invalid');
} else {
  $('#length').removeClass('invalid').addClass('valid');
}

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

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

}).focus(function() {
$('#pswd_info').show();
}).blur(function() {
$('#pswd_info').hide();
});

在头部：

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="script.js"></script>

---

您的代码工作正常。请检查输入选择器或输入端的输入名称是否存在

或者只需在页面的适当部分添加以下内容：

<input type="password" name="yourname">

---

我有一个不同的问题，一个错误。

---

$（document）.ready（function（）{没有涵盖整个脚本。很抱歉浪费您的时间。

您的html中没有

。这是您的FIDLE代码。更新它该死的，我忘了，谢谢。@JCOC611
您的目标是“文本”而不是“密码”。更改它将（）tnx改为Mohamedac。实际上，它与提供的html一起工作。。。

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="script.js"></script>

<input type="password" name="yourname">