Как: после проверки js, показывающей обработку img

Question

Я пытаюсь получить изображение обработки, показываемое после успешной отправки с помощью gen_validatorv4.js.

Проблема в том, что данные форм отправляются в php-файл, который публикует данные в таблицу Google. И это занимает около 3-10 секунд, поэтому люди снова нажимают на кнопку отправки. Вот почему я хочу обработки изображения. Есть идеи как это сделать?

$ (документ) .ready (функция () { $ ( '# Ajax_loading') шоу ();.}

????

Или любая помощь приветствуется!

Answer 1

Я фанат jQuery по этим вопросам, вы можете попробовать jQuery NimbleLoader для загрузки изображения, я бы также предложил попробовать , как включить / отключить элемент с помощью jQuery включить или отключить форму для предотвращения двойной подачи.

Answer 2

Перейдите на этот сайт: 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;
}

Answer 3

привязать событие click к кнопке отправки и показать изображение ajax_loading в событии click. единственный способ скрыть это, когда вы получаете ответное событие. когда вы получите ответ, вы можете скрыть изображение ajax_loading.