Question

我正在使用jQuery验证插件来包含颜色框中的表单。如果验证成功，我想关闭彩盒并打开第二个彩盒（说谢谢），然后将用户发送到原始目的地。

脚本捕获用户的目标并将其放入变量中，然后打开颜色框。用户可以通过四种不同的方式存在颜色框，单击关闭框，单击右上角的x，单击关闭按钮或成功提交。然后他们继续前进。

我需要的是如果提交成功，然后打开谢谢你的彩盒。到目前为止我所尝试的只是打破了一切。

$('#lookUpSubmit').unbind('click').click(function(){
    $form.submit();
});

$("#lookUpCancel").unbind('click').click(function(){
    $.colorbox.close();
});

$(document).bind('cbox_closed', function() {
    window.location = destination_url;
});

$form.validate({
    submitHandler: function(form) {
        form.submit();
    },
//some stuff
});

Answer 1

de submit成功后到底发生了什么？你重定向到一个页面或什么？对于基于客户端的JavaScript，您对服务器带给您的位置没有任何影响或任何影响。您可以在成功提交后重定向的网页上实现Thank You Popup！

Answer 2

您提供的信息有点模糊。什么是“一切都打破”的具体含义？

您所描述的内容可能是由许多因素引起的：
$ form实际上是在某处定义的，还是你的意思是使用$（form）？
您是否已验证您的解绑/绑定链是否正常工作？


    $('#lookUpSubmit').unbind('click').click(function(){
        alert("B2K Was Here!"); 
    });

提交表单会重新加载页面或重定向到操作网址。您需要阻止提交。



$('#formid').submit(function(e) {
  e.preventDefault();
  // validate here
  if ( valid ) {
    $.ajax({
       type: 'POST',
       url: this.action,
       data: $(this).serialize(),
       success: function() {
           // open thank you colorbox here
       }
    });
  }
});

JavaScript，如果提交为true（使用colorbox和jquery验证）

2 个答案: