Question

我有一个应用程序，我在验证密码。我有一个弹出窗口（bootstrap）列出了规则，它们从X变为基于满足条件的检查。除了一个场景，一切都很好。

我输入密码1并且检查发生并且没关系，然后我输入第二个密码，它也没关系。然后，如果我从密码字段转移到另一个密码字段并返回密码字段，则表示它无效。但从技术上讲，它们是匹配密码。（我试图在两个密码字段中将类更改为glyphicon-ok，但问题是相反的）

密码字段

<form:input id="password1" type="password" class="form-control" path="password11" 
    title="Password Check" data-toggle="popover" data-placement="bottom" data-html="true" 
    data-content="<span id=&quot;char&quot; class=&quot;glyphicon glyphicon-remove&quot; style=&quot;color:#FF0004;&quot;></span>10-30chars</li></ul><br>"
    />

    <form:input id="password2" type="password" class="form-control" path="password22" 
        title="Password Check" data-toggle="popover" data-placement="bottom" data-html="true" 
        data-content="<span id=&quot;char&quot; class=&quot;glyphicon glyphicon-remove&quot; style=&quot;color:#FF0004;&quot;></span>Password match</li></ul><br>"
        />

js文件

$(document).ready(function() {

    //$("input[type=password]").keyup(function(){
    //$("#element").on('keyup change', function ()
    //$("input[type=password]").on('keyup focus focusout change', (function

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

        if(($("#password1").val().length >= 10) && ($("#password1").val().length <= 30)){
            $("#char").removeClass("glyphicon-remove");
            $("#char").addClass("glyphicon-ok");
            $("#char").css("color","#");
        }else{
            $("#char").removeClass("glyphicon-ok");
            $("#char").addClass("glyphicon-remove");
            $("#char").css("color","#");
        }



        if($("#password1").val() == $("#password2").val()){
            $("#pwmatch").removeClass("glyphicon-remove");
            $("#pwmatch").addClass("glyphicon-ok");
            $("#pwmatch").css("color","#");
        }else{
            $("#pwmatch").removeClass("glyphicon-ok");
            $("#pwmatch").addClass("glyphicon-remove");
            $("#pwmatch").css("color","#");
        }
});


});

所以我需要能够验证密码，即使我从该字段移动并返回它们也应显示正确的弹出值（意味着如果2个密码匹配，我应该看到检查，否则X）

感谢。

Answer 1

我能够让这个工作，虽然它不优雅。我刚刚将整个键盘功能添加到聚焦功能（现在都是2个不同的功能），现在工作正常。我尝试过链接，但它没有用。但我现在很好，稍后会检查。感谢。

使用jquery问题进行密码验证

1 个答案: