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

Jquery Lightbox关闭表单提交

1 个答案: