使用Javascript - 等待點擊結束功能

Question

我做了什麼本質上是一個燈箱，由此，如果更改需要用戶確認他們的密碼之前，這個燈箱彈出，用戶輸入密碼有等

我觸發功能是這樣的：

if(verifyPassword()) 
{ 
    //apply change 
} 

的驗證功能：

function verifyPassword() { 
$('#confirmpasswordoverlay').fadeIn(300); 

$('#submit').click(function() { 
    $.post('', { password: $('input[name=password]').val() }, 
      function(check) { 
       if(check.error) 
       { 
        if(check.password) 
        { 
         //show password error 
         return false; 
        } 
        else 
        { 
         //show error 
         return false; 
        } 
       } 
       else 
       { 
        return true; 
       } 
      }, 'json'); 
}); 

} 

基本上我需要的功能要等到#submit是點擊返回true或false。

在此先感謝

Answer 1

因爲jQuery的1.5.0，你可以做一些應用與魔法Deferred objects：

$.when(verifyPassword()).done(function() { 
    // do something 
}); 

你會需要重新寫一點verifyPassword()：

function verifyPassword() { 
    var Notify = $.Deferred(); 
    $('#confirmpasswordoverlay').fadeIn(300); 

    $('#submit').click(function() { 
     $.post('', { password: $('input[name=password]').val() }, 
       function(check) { 
        if(check.error) { 
         if(check.password) { 
          //show password error 
          Notify.resolve(); 
         } 
         else { 
          //show error 
          Notify.reject(); 
         } 
        } 
        else { 
         return true; 
        } 
       }, 'json'); 
     }); 

    return Notify.promise(); 
} 

這可能不會在這裏實現你的目標的最優雅的方式，我只是說你可以做在這樣:-)

Answer 2

不要拖延，而不是提供一個回調：

function verifyPassword(f) { 
    /** 
    * Do all your logic here, then callback to the passed function 
    */ 
    f(result); 
} 
verifyPassword(function (correct) { 
    if (correct) { 
     /* Continue */ 
    } 
    else { /* Other */ } 
}); 

Answer 3

我想你想轉換您的通話$.post()方式進入更通用的$.ajax() jQuery調用，並通過async: false。例如：

$.ajax('', { async:false, data: {password:...}, success: function() { 
    // ... success callback ... 
}});