Scriptaculousのようなコンポーネントをダブル提出を避けるために

Question

私は長い間、バックグラウンド処理のフォームのために二回、特別に送信ボタンを押すからユーザーを防ぐために、スクリプトを探しています。私は、機能が、視覚的にあまり魅力的ではない何かを実装したいと思います。缶誰でもシェア使ってこれを実現する方法のいくつかのヒント、例えば、Scriptaculousの？

おかげ

Answer 1

これは、Scriptaculousのではないのですが、私はいつもこのようにそれをやった。

HTMLます：

<form onsubmit="return checkDoubleSubmit(this) && yourSubmitroutine();">
  <input ...>
   ...
  <input type="hidden" value="0" id="dscheck">
</form

のJavascriptます：

function checkDoubleSubmit(form) {
    var v = 0;
    var e = form.getElementById("dscheck");
    if (e != null) {
        v = e.value;
        v = v * 1;  // Coerce to number
        e.value = "1";
    }
    return v == 0;
}

Answer 2

あなたはこのような何かを試すことができプロトタイプを使用します：

var DoubleSubmit = {
prevent: function(){
    var forms = document.body.select('form');
    forms.invoke('observe', 'submit', DoubleSubmit.observeSubmit);
},
observeSubmit: function(event){
    var submitButtton = event.element().select('input[type="submit"]')[0];
    submitButtton.disable();
    return true;
}};document.observe('dom:loaded',DoubleSubmit.prevent);