Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/268.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Php 如何:在js验证后显示处理img_Php_Javascript_Jquery_Ajax_Validation - Fatal编程技术网

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

Php 如何:在js验证后显示处理img,php,javascript,jquery,ajax,validation,Php,Javascript,Jquery,Ajax,Validation,我试图在gen_validatorv4.js验证成功提交后获得处理图像 问题是formdata将被发送到一个php文件,该文件将数据发布到google speadsheet。这需要3-10秒,所以人们再次点击提交按钮。这就是为什么我想要一个正在处理的图像。有什么办法吗 $(文档).ready(函数(){ $('#ajax_加载').show();} 或者欢迎任何帮助!将单击事件绑定到提交按钮,并在单击事件中显示ajax加载图像。隐藏它的唯一方法是在收到响应事件时。当您收到响应时,您可以隐藏aj

我试图在gen_validatorv4.js验证成功提交后获得处理图像

问题是formdata将被发送到一个php文件,该文件将数据发布到google speadsheet。这需要3-10秒,所以人们再次点击提交按钮。这就是为什么我想要一个正在处理的图像。有什么办法吗

$(文档).ready(函数(){ $('#ajax_加载').show();}


或者欢迎任何帮助!

将单击事件绑定到提交按钮,并在单击事件中显示ajax加载图像。隐藏它的唯一方法是在收到响应事件时。当您收到响应时,您可以隐藏ajax加载图像。

对于这些问题,我非常喜欢jQuery,您可以尝试加载图像,我想因此,建议尝试启用或禁用表单,以防止重复提交。

请访问此网站:并为自己生成一张图像

假设图像名为loader.gif

那么如果您的表单是这样的
您的jquery将如下所示:

$('#myform').submit(function(){
       $('#myform').prepend("<div id=\"loader\"></div>");
       ... do stuff here ...
        $('#loader').remove();
})
在通过ajax发布之前(例如,单击(function(){})或提交(function(){})),加载容器并显示加载图像,成功后:function(data){/*删除加载图像*/}
#loader {
    position: absolute;
    z-index: 100;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: url("loader.gif") no-repeat center center;
}