Как отправить форму в Javascript с задержкой

Я пытаюсь отправить форму автоматически с задержкой в ​​​​расширении Chrome, которое я пишу, и, похоже, оно не отправляется. Ниже моя форма и javascript:

function submitForm() { // submits form
    document.getElementById("ismForm").submit();
}

if (document.getElementById("ismForm")) {
    setTimeout("submitForm()", 5000); // set timout 
}


<form method="post" id="ismForm" name="ismForm" action="http://www.test.com" class=""> 
<label for="searchBox">Search </label>
<input type="text" id="searchBox" name="q" value=""> <input type="hidden" id="sayTminLength" value="3"><input type="hidden" id="coDomain" value="US"><input class="button" type="submit" id="search.x" name="search.x" value="Search" autocomplete="off"> 
</form>

javascript forms delay submit
person milan    schedule 10.11.2010    source источник
comment
По какой-то причине код не входит в функцию submitForm(). Я проверил это, добавив предупреждение в начале функции submitForm().   -  person milan    schedule 10.11.2010

Ответы (6)


arrow_upward
3
arrow_downward

Не знаю контекста, но может быть, что страница еще не полностью загружена - вы можете попробовать поставить

if (document.getElementById("ismForm")) {
    setTimeout("submitForm()", 5000); // set timout 
}

в теле события onLoad(). Кроме того, попробуйте поставить простое предупреждение перед setTimeout и в начале submitForm(), чтобы подтвердить, что тайм-аут запускается в первую очередь.

person icyrock.com    schedule 10.11.2010
comment
По какой-то причине код не входит в функцию submitForm(). Я проверил это, добавив предупреждение в начале функции submitForm(). - person milan; 10.11.2010

arrow_upward
3
arrow_downward

Попробуй это:

<form method="post" action="yourpage/" id="customForm">
    <input type="text" name="input1"/>
    <input type="text" name="input2"/>
</form> 
<button id="submit">SubmitForm</button><!-- Outside of form -->
<script>
    function submitForm() {
        document.getElementById("customForm").submit()
    }

    document.getElementById('submit').onclick = function() {
        setTimeout(submitForm, 3000); 
    }
</script>
person Rus Mine    schedule 06.11.2015

arrow_upward
2
arrow_downward

Вот что вам нужно сделать (скопируйте и вставьте):

<html>
    <head>
    <script type="text/javascript">
    function submitForm() { // submits form
        document.getElementById("ismForm").submit();
    }
    function btnSearchClick()
    {
        if (document.getElementById("ismForm")) {
            setTimeout("submitForm()", 5000); // set timout 
       }
    }
    </script>
    </head>
    <body>
    <form method="post" id="ismForm" name="ismForm" action="http://www.test.com" class=""> 
    <label for="searchBox">Search </label>
    <input type="text" id="searchBox" name="q" value=""> <input type="hidden" id="sayTminLength" value="3">
    <input type="hidden" id="coDomain" value="US">
    <input class="button" onclick="btnSearchClick();" type="button" id="search.x" name="search.x" value="Search" autocomplete="off"> 
    </form>
    </body>
    </html>

Или, если вы хотите отправить форму через 5 секунд, прикрепите к событию windown.onload вызов btnSearchClick() следующим образом: window.onload=btnSearchClick

person Icarus    schedule 10.11.2010
comment
Я не могу изменить форму. Я пишу расширение для Chrome. - person milan; 10.11.2010

arrow_upward
0
arrow_downward

Еще одно простое решение:

<script type="text/javascript">
    function formSubmit(){
          document.getElementById("ismForm").submit();
    }

    window.onload=function(){ 
          window.setTimeout(formSubmit, 5000);
    };
</script>
person VarshaSC    schedule 25.02.2013

arrow_upward
0
arrow_downward

Вот способ, который работает для меня:

 const form = $("#formId");

     form.submit(() => {

//some other functions you need to proceed before submit

     setTimeout(() => {}, 1200);
            return true;
    });

Теперь он будет ждать 1200 мс перед отправкой формы. Кроме того, если вы вернете false вместо true, форма не будет отправлена.

person jo23    schedule 24.09.2019

arrow_upward
0
arrow_downward

Решение в jQuery (для использования Expando), легко редактируемое в обычный JavaScript:

$('form').eq(0).on('submit', function(e) {
    var $form = $(this);

    if ($form.data('blocked') !== true) {
        // mark the form as blocked
        $form.data('blocked', true);
        console.log('Scheduling form submit...');

        window.setTimeout(function() {
            console.log('Submitting!');
            $form.submit();
            $form.data('blocked', false);
        }, 1000);

        // disallow submit
        return false;
    }
});
person yodabar    schedule 10.01.2020