0

我希望有人可以帮助我解决以下问题。我有一个密码输入框，用户输入他们的密码，它使用以下代码自动检查他们的密码与数据库

 $('input[name=currentpassword]').keyup(function(){
                var currentcheck = $(this).val();
                var dataString='thisConfirm='+ currentcheck +'&userid='+$('input[name=userid]').val();
                PasswordChecking=   $.ajax({
                                        type:"POST",
                                        url:"/assets/inc/password-check.php",
                                        data:dataString,
                                        dataType:'html',
                                        context:document.body,
                                        global:false,
                                        async:false,
                                        success:function(data){
                                            return data}
                                            }).responseText;
                    checkconfirms(emailconfirm, passconfirm, PasswordChecking);
        });

但是我注意到每次按键之间都有延迟，并且希望有一种方法或替代方法可以检查输入的密码，因为每次按键都会延迟或在 Ajax 返回之前无法识别它

4

3 回答 3

4

您需要的是取消 ajax 请求的超时，以便在用户快速键入时不检查每个键盘上的密码，但仅在用户完成键入时才检查密码。此外，您应该使用异步调用来避免锁定浏览器，如下所示：

$('input[name=currentpassword]').on('keyup', function() {
    var data = {thisConfirm : this.value, userid: $('input[name=userid]').val()};

    clearTimeout($(this).data('timer'));

    $(this).data('timer', setTimeout(function() {
        $.ajax({
            type: "POST",
            url: "/assets/inc/password-check.php",
            data: data,
            dataType: 'html',
            context: document.body,
            global: false,
        }).done(function() {
            checkconfirms(emailconfirm, passconfirm, PasswordChecking);
        })
    },400);
});​
于 2012-11-26T12:48:42.707 回答
1

正如 Adil 建议的那样，使用blurorfocusout事件是一种选择。另一种方法是使用setTimeout()延迟检查密码，这样您就不会在每次击键时都发送 AJAX 请求。相反，您会在他们停止输入该输入后 X 秒发送一个 AJAX 请求。

var checkPassword;
$('input[name=currentpassword]').keyup(function() {
    clearTimeout(checkPassword);
    checkPassword = setTimeout(function() {verifyPassword(this)}, 1000); // this would delay calling verifyPassword() by 1 second
});

function verifyPassword(element) {
    var currentcheck = element.value;
    // do your AJAX call here
});
于 2012-11-26T12:47:51.420 回答
0

您正在使用 async:false,which 对于异步调用应该是正确的。我建议您检查 jquery event focusout()而不是 keyup 的密码。

$('input[name=currentpassword]').focusout(function(){
            var currentcheck = $(this).val();
            var dataString='thisConfirm='+ currentcheck +'&userid='+$('input[name=userid]').val();
            PasswordChecking=   $.ajax({
                                        type:"POST",
                                        url:"/assets/inc/password-check.php",
                                        data:dataString,
                                        dataType:'html',
                                        context:document.body,
                                        global:false,
                                       async:true,
                                       success:function(data){
                                        //return data
                                        alert("here you would decide on data for valiadation success");
                                        }
                               }).responseText;
                checkconfirms(emailconfirm, passconfirm, PasswordChecking);
    });
于 2012-11-26T12:41:08.210 回答