Question

我试图通过gen_validatorv4.js验证成功提交后显示的处理图像。

问题是formdata会转到一个php文件，将数据发布到google speadsheet。这需要3-10秒，所以人们再次点击提交按钮。这就是为什么我想要一个处理图像。任何想法如何做到这一点？

（文档）$。就绪（函数（）{ $（ '＃ajax_loading'）表示（）;}

????

或欢迎任何帮助！

Answer 1

将单击事件绑定到提交按钮，并在单击事件中显示ajax_loading图像。隐藏它的唯一方法是收到响应事件。当你收到回复时，你可以隐藏ajax_loading图像。

Answer 2

我是这些问题的jQuery粉丝，您可以尝试jQuery NimbleLoader加载图片，我还建议尝试how to enable/disable an element using jQuery启用或禁用表单以防止双重提交。

Answer 3

访问此网站：http://www.ajaxload.info/并为自己生成图片。

假设图片名为 loader.gif

然后，如果您的表单与<form id="myform">一样你的jquery看起来像那样：

$('#myform').submit(function(){
       $('#myform').prepend("<div id=\"loader\"></div>");
       ... do stuff here ...
        $('#loader').remove();
})

你将拥有这个CSS：

#loader {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: url("loader.gif") no-repeat center center;
}

如何：在js验证后显示处理img

3 个答案: