Question

我正在使用colorbox从链接打开表单（在单独的html文件中），执行验证并将表单提交到php脚本。这一切都有效。

我现在要做的是将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);  
        });           
});

有一次，我确实收到了消息，但是在彩色框关闭的主页面上。现在我无法在成功时得到任何东西。

我知道我需要使用'return false'来停止页面刷新，但我已经在脚本的各个部分尝试了这一点，所以不确定应该去哪里。

请有人指出我正确的方向。

'formContainer'是一个div，包含表单页面中的表单，目的是用消息替换内容

由于

更新：感谢您的投入到目前为止。仍然无法获得验证并提交脚本。

我现在使用了几种方法来提交表单，最新的一个就是这个：

    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.

    }

我在没有验证脚本的情况下尝试这个并且它有效，表单提交，然后在颜色框中将表单替换为提交的结果。

再次提交表单的验证脚本，但不会停止表单提交刷新页面，但提交结果显示在刷新页面的左上角。

如何使用验证，使用帖子并停止表单执行提交和刷新页面

以下是将上述内容放在上下文中的完整脚本：[link] http://jsfiddle.net/longestdrive/fJELU/

感谢您的帮助

Answer 1

哈！解决了它

我认为验证脚本正在运行，因为它似乎是它自己的，但其中一条规则是不正确的，然后抛出脚本（感谢firebug！）

等于规则应该相等于

结果!!

jquery验证表单并在colorbox中提交并生成colorbox

1 个答案: