jquery Lightbox關閉窗體提交

Question

我在我的網站上的幾個元素中使用了JQuery Colorbox，包括登錄表單。我正在使用JQuery Post提交表單，並且一切都很好，除非在成功完成表單之後，我無法將用戶重定向到父窗口。下面是我使用的代碼：

// Submit button action 
$('#formButton').click(function() 
{ 
var logusername=$("#logusername").val(); 
var logpassword=$("#logpassword").val(); 
var logcheckbox = ($("#logcheckbox").is(":checked")) ? "checked" : "not checked"; 

if(logusernameok == 1 && logpasswordok == 1) 
{   
    $('.validation').html("").removeClass("validationError").removeClass("validationSuccess").addClass("validationSending"); 
    jQuery.post("php/login.php", { 
    username:logusername, 
    password:logpassword, 
    checked:logcheckbox 
    }, function(data, textStatus){ 
    if(data == 1){ 
     window.location.replace("events.php"); 
    } 
    else{ 
     $('.validation').html("").removeClass("validationSuccess").removeClass("validationSending").addClass("validationError"); 
    } 
    }); 
} 

任何人都可以建議使用，而不是「window.location.replace（」「）的東西;」？

Answer 1

儘量讓這樣的形式對一個事件偵聽器：

$("form").on("submit", function(event) { 
    var logusername=$("#logusername").val(); 
    var logpassword=$("#logpassword").val(); 
    var logcheckbox = ($("#logcheckbox").is(":checked")) ? "checked" : "not checked"; 

    if(logusernameok == 1 && logpasswordok == 1) 
    {   
    $('.validation').html("").removeClass("validationError").removeClass("validationSuccess").addClass("validationSending"); 
    jQuery.post("php/login.php", { 
    username:logusername, 
    password:logpassword, 
    checked:logcheckbox 
    }, function(data, textStatus){ 
    if(data == 1){ 
     window.navigate("events.php"); 
    } 
    else{ 
     $('.validation').html("").removeClass("validationSuccess").removeClass("validationSending").addClass("validationError"); 
    } 
    }); 
});