javascript - 当我删除字符时重新计数 var

Question

我有一个脚本，当我的 2 个变量分别有 3 个和 5 个字符时，它会删除按钮的“禁用”属性。

但是当我删除我的 Angular 色时，它不会倒数，并再次将“禁用”属性添加到我的按钮。我不知道该怎么做。有什么建议吗？

fiddle :http://jsfiddle.net/CCwKp/

HTML

<form action="" method="" class="login">
    <ul class="userLogin">
        <li>
            <input type="text" placeholder="E-mail" class="user" />
        </li>
        <li>
            <input type="password" placeholder="Senha" class="pass" />
         </li>
       </ul>
    <button disabled />test</button>
</form>

JS

$(function () {
    var user = 0;
    var pass = 0;

    function userPassAlert() {
        if (user >= 3 && pass >=5) {
            $('button').removeClass('disabled').addClass('available').removeAttr("disabled");
        } else {
            $('button').removeClass('available').addClass('disabled').attr("disabled");
        }
    };

    $(".user").on('focus keypress', function() {
        user++;
        console.log(user);
        userPassAlert();
    });
    $(".pass").on('focus keypress', function() {
        pass++;
        console.log(pass);
        userPassAlert()
    });

    $('button').on('click', function (e) {
        e.preventDefault();
        if (user >= 3 && pass >=5) {
            alert("done");
        }
        else {
           return false; 
        }
    });
});

Answer 1

三件事:

1. 要将“disabled”属性添加回按钮，必须按如下方式添加:

   $(".this").attr("已禁用","已禁用");

2. 当单击鼠标或按键时，计数器始终会添加到用户/通行证中，因此它始终会上升而不会下降。如果我们更改此设置以在有鼠标或按键操作时检查输入中值的长度，它将验证输入字段中存在的实际长度。您可以使用以下方法来做到这一点:

   user=$(".user").val().length;

3. Keyup 比按键更好地处理退格键。在“on”函数中替换它将会提供更准确的结果。

JS Fiddle Here