如何检查两个密码输入字段值是否相等且大于零

Question

我有两个<div>个元素，其中包含ID "pswd_info"和"pswd_confirm"以及两个密码字段。

我想要的东西：

1. 当第一场聚焦时，div 1将显示并将添加值
2. 同样，当第二个字段被聚焦时，div 2将显示并添加值
3. 如果两个字段值相等，则不会显示任何div

我面临的问题是，这些div中没有​​出现最初两个字段的值为零（0）。
那么我怎样才能写出这样的条件：两个字段需要相等而且它们的值必须大于0，然后才会隐藏div。

JS FIDDLE LINK

// Field 1 
$("input[type=password][name='pass']").keyup(function () {
    }).focus(function () {
        $('#pswd_info').show();
});

// Field 2
$("input[type=password][name='cpass']").keyup(function () {
    }).focus(function () {
        $('#pswd_confirm').show();
});

/*------------------------------------------------*/

if (  $("#txtPassword").val() == $("#txtPassword2").val() ) {

    $("input[type=password][name='cpass']").focus(function () {
        $('#pswd_confirm').hide();
    });

    $("input[type=password][name='pass']").focus(function () {
        $('#pswd_info').hide();
    });
}

任何帮助将不胜感激。 （抱歉英文不好）

Answer 1

我修改了你的代码，以便在keyup上调用checkSame函数。

//field 1 
$("input[type=password][name='pass']").keyup(checkSame).focus(function () {
    $('#pswd_info').show();
});

//field 2
$("input[type=password][name='cpass']").keyup(checkSame).focus(function () {
    $('#pswd_confirm').show();
});

/*------------------------------------------------*/
function checkSame() {
    if ($("#txtPassword").val() == $("#txtPassword2").val() && $("#txtPassword").val().length != 0) {
            $('#pswd_confirm').hide();
            $('#pswd_info').hide();
    }
}