Question

我有两个字段用户名和密码。我添加了inputmask

条件是

如果用户在用户名中输入“123456”，则密码字段应允许在第3位数后有六位数的空格。
如果用户在用户名中输入“123456”以外的密码，则密码应允许5位数，默认值为5位数。

下面是我的HTML和Jquery代码，它第一次运行正常，但之后没有运行，尝试了很多方法，但仍然存在问题。

注意：我必须使用this关键字，因为我会在验证用户名和密码后添加下一行。

<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="/js/jquery.inputmask.js"></script>
</head>

<body>
<div class="register">
<table id="username_tbl">
<tr>
<td>
<input type="text" name="username[]" id="username_1"  class="find_username" placeholder="Username" />
</td >
<td>
<input type="text" name="password[]" id="password_1" maxlength="5" class="find_password"/> 
</td>
</tr>
</table>
</div>

 <script>
$(document).ready(function(){
    $(".find_username").blur(function(event){
        var id = event.currentTarget.id;
        var Row = id.substring(id.indexOf("_")+1);
        var username_value = event.currentTarget.value;

        if (username_value == '123456'){
            $('.find_password').attr('maxlength' , 7);
            $(".find_password").keyup(function(){
                var pasWord = $(this), val = pasWord.val();
                if((pasWord.val().length > 5) && (/\S/)){
                    pasWord.inputmask("mask", {"mask": "*** ***", "placeholder": ""});
                }

            });

        } else {

            $(".find_password").attr('maxlength', 5);
            $('.find_password').inputmask("mask", {"mask": "*****", "placeholder": ""});

        }

    }); 


});
</script>
</body>

Jquery输入掩码未按预期第二次工作

0 个答案: