Jquery 라이트 박스 닫기 양식 제출시

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"); 
    } 
    }); 
});