替代功能

Question

am working in a popup when we click login a popup opens with fields !!! i want to check username and password with database before login button fired.. used ajax with keyup function for password field!

but keyup is firing for every character typed in password field... but the requirement is after typing password field ajax should be called and result should be displayed... is there any alternative for keyup?

now am getting as "wrong password for every character typed" and after entring correct password it will login,... but i want to show error as wrong password when user completely enters password (if password is wrong)

<script type="text/javascript">
    $(document).ready(function() {
       $("#upwd").change(function()
       //$('#upwd').on('input', function() 
       //$('#upwd').keyup(_.debounce(doSomething , 500), function() {
       var upwd = $("#upwd").val();
       var uemail = $("#uemail").val();
       var msgbox = $("#status");
       //alert(uemail);
       //alert(upwd);
       //setTimeout(function() { 
       //if($('#upwd').val() == upwd){ 
       $.ajax({ 
           type: "POST",
           url: "checkl_login.php",
           data: "uemail="+ uemail,
           success: function(msg){
           $("#status").ajaxComplete(function(event, request){
           if(msg == 'OK') {
             msgbox.html(msg);
             //return false;
           } else {
             msgbox.html(msg); 
           }
       });
    }
   });
     return false;
   });

  });

</script>

error displayed in status id in span......

checkl_login.php code is aalso perfect.....

Answer 1

Try using .focusout() event as shown :-

$("#upwd").on("focusout",function(){
 //..your code..
});

and in addition of these events ,use a login button also and check validations on the click of the button.

Answer 2

使用change事件代替keyup 。

Answer 3

IMHO it's better:

1. to use keyup (it allows to handle any keyboard changes. For example, removing the symbol by backspace)
2. to handle 'paste' (because user may copy/paste password but not type it)
3. to validate password if user does not press a key during some period of time (for example, within 1 second) - setTimeout and clearTimeout should help
4. to abort ajax request if user starts to type when ajax request is in progress

Ie you may try something like the following:

$(document).ready( function() {

    var ajax_h;
    var delayMilliseconds = 1000; // i.e. = 1 second
    var timeoutId;

    function checkAuth() {
        if (ajax_h) {
            ajax_h.abort();
        }
        ajax_h = $.ajax(
            // PUT YOUR CODE HERE
        );
    }

    $("#upwd").on('keyup paste', function () {
        if (timeoutId) {
            clearTimeout(timeoutId);
        }
        timeoutId = setTimeout(checkAuth, delayMilliseconds);
    });

});