单击

Question

当我点击提交按钮时，页面加载几秒钟，然后最终提交表单。我想在短时间内停止多次提交。这就是我使用以下jquery来停止多次提交的原因。

<input name="submit" type="submit" id="submit" value="Submit" onclick="Submit(this)"/>

<script>
    function Submit(button)
    {
        var oldValue = button.value;

        button.setAttribute('disabled', true);
        button.value = 'processing...';

        setTimeout(function() {
            button.value = oldValue;
            button.removeAttribute('disabled');
        }, 10000)
    }
</script>

我的问题是，当我点击提交按钮时，它会禁用几秒钟，然后重新启用按钮，但表单未提交，页面也未加载。

当我点击google chrome上的提交按钮时，按钮会点击，但页面未加载且表单未提交。当我点击Mozilla Firefox上的提交按钮时，页面会转到表单操作页面，并显示一个白页。

Answer 1

实际问题是，在触发提交事件之前按钮被禁用。

试试这个：

sort/2

?- sort([a,a,b,b,c], X).
X = [a, b, c].

?- sort([c,c,a,a,b], X).
X = [a, b, c].

Answer 2

试试这个：

<script>
    function Submit(button)
    {
        var oldValue = button.value;

        button.setAttribute('disabled', true);
        button.value = 'processing...';

        $(button).closest('form').submit();
    }
</script>