Question

如何执行以下操作：

我想要一个弹出模态表单的链接[上传图片]，当用户填充它时，表单将被处理。（问题不在于上传，这可能是联系表格或任何内容）。

我的问题是，如何在验证失败时显示表单和服务器端验证消息。

我找到了这个教程：http://www.whitewashing.de/blog/articles/92，但它看起来很旧。

Answer 1

简单的JQuery和Ajax：

$("#upvoteButton").live('click', function(){
        postData="data="+value; /* Data that you may want to pass to your script */
        $.ajax({
            type: "GET",
            url: "yourSecript.php",
            async: true, /* If set to non-async, browser shows page as "Loading.."*/
            cache: false,
            data: postData,
            success: function(data){ 
            }
        });
        return false;
    });

Answer 2

所以表单应该在用户填充后立即处理？您不想等到用户提交表单？请详细说明。

可以轻松完成弹出。从头开始在页面上使用表单，但使用CSS隐藏它，例如：

.hidden-form {
    height: 0;
    text-indent: -999em;
}

然后，您可以使用click事件来显示表单：

$('#popup-link').click(function() {
    $('#form').removeClass('hidden-form');
});

显示错误消息也很容易。有一个单独的页面将处理表单并在出现问题时打印错误消息，并在一切正常时显示成功消息。使用该页面的POST方法发出AJAX请求，只打印页面顶部页面返回的HTML输出。

向我们展示一些代码（表单和服务器端处理页面）以获取更具体的帮助。

Answer 3

我一直在寻找的是：ajaxLink()，contextSwitch()和ajaxContext。

使用jQuery的Zend Form AJAX弹出窗口

3 个答案: