jquery验证表单并在colorbox中提交并导致colorbox

我使用colorbox从链接中打开表单（在单独的html文件中），执行验证并将表单提交给php脚本。这一切都工作。jquery验证表单并在colorbox中提交并导致colorbox

我现在想要做的是从php脚本的结果出现在彩盒中。对于提交的脚本如下：

$.post('processForm.php', $("#chngPass").serialize(), function(data) { 
    $('#FormContainer').html("<div id='message'></div>"); 
    $('#message').html("<h2>Thank you for request</h2>") 
     .fadeIn(1500, function() { 
      $('#message').append(data); 
     });   
});

在一个点上我没有得到显示的消息，但主页上的颜色框关闭。现在我无法获得任何成功展示。

我知道我需要停止页面刷新使用'返回false'，但我已经尝试过在脚本的各个位，所以不知道应该去哪里。

任何人都可以点我正确的方向请。

的“formContainer”是包含在表单页面形式的股利，其意图是与消息来替换内容

由于

更新：感谢您的输入为止。仍然无法获得验证并提交脚本工作。

我已经使用了一些方法现在提交表单，最新的一个，这是一个：

submitHandler: function() { 
     var url = "../2010/includes/scripts/php/memberFunctions.php"; //the form processing url 
     $.ajax({ 
     type: "POST", 
     url: url, 
     data: $("#chngPass").serialize(), 
     success: function(data) 
     { 
     $("#chngPassWrapper").html(data); 
       } 
    }); 

    return false; // avoid the actual submit of the form. 

    }

我试试这个没有验证脚本和它的作品，表单提交和形式然后在提交的结果中用colorbox替换。

放回验证脚本，表单再次提交但不停止表单提交刷新页面，但提交结果出现在刷新页面的左上角。

如何使用验证，使用后，停止从执行提交和刷新页面

这里的形式是完整的脚本，把上面的背景：[链接] http://jsfiddle.net/longestdrive/fJELU/

谢谢为你的帮助

来源

2012-04-22 Ray

将$（'＃message'）更改为$（'＃cboxContent'）我会猜测？您需要定位Colorbox创建的内容持有者:) – 2012-04-22 19:38:07

如何触发POST ajax调用？那就是我要开始的地方。如果它是自动触发提交类型操作的元素，请考虑添加一个event.preventDefault调用。或者，触发元素可能是一个简单的链接或样式的DOM元素... – 2012-04-23 03:52:14

哈！解决它

我想验证脚本工作，因为它似乎是它自己的，但有一条规则是不正确的，然后将其扔脚本了（感谢萤火虫！）

的equalto规则应该是equalTo

结果!!

来源

2012-04-26 20:16:21 Ray

jquery验证表单并在colorbox中提交并导致colorbox

回答

相关问题