二重投稿防止

1pt

jQueryプラグイン


http://item.mindia.jp/akkun_dev/jquery.submitDisable.js

/**
 * jquery.submitDisable.js
 * 
 * usage:
 $('#yourForm').submitDisable();
 $('#yourForm').submitDisable({
      'recoveryTime': 100000,
      'onBeforeSubmit': function(){
          alert('before');
      },
      'onAfterSubmit': function(){
          $('#myForm1').hide();
          alert('after');
      }
  });
 * 
 */
// IE6-8, Firefox3.5, Opera10, Safari4
(function(){
  var defaultOptions = {
    // 送信してからdisable解除するまでのマイクロ秒。0なら解除しない
    'recoveryTime': 0,
    // submit直前に実行するcallback
    'onBeforeSubmit': null,
    // submit直後に別スレッド?で動作するcallback。Operaでは使えないみたい
    'onAfterSubmit': null
  }
  var cancelEnter = function(e){
    if (e.keyCode == 13){
      return false;
    }
  };
  var $ = jQuery;

  jQuery.fn.submitDisable = function(options){
    options = jQuery.extend(defaultOptions, options);
    
    var submit = $('input[type=submit]', this);
    // IEはtext内でEnterすると送信できる
    var text = $('input[type=text]', this);
    // 解除する
    var recover = function(){
      submit.attr('disabled', '');
      text.unbind('keypress', cancelEnter);
    }
    
    // 初期化。戻った場合に実行するように。
    recover();

    $(this).submit(function(){
      if ($.isFunction(options['onBeforeSubmit'])){
        options['onBeforeSubmit']();
      }
      submit.attr('disabled', 'disabled');
      text.bind('keypress', cancelEnter);
      if (options['recoveryTime'] > 0){
        setTimeout(recover, options['recoveryTime']);
      }
      if ($.isFunction(options['onAfterSubmit'])){
        setTimeout(options['onAfterSubmit'], 1);
      }
    });

    return this;
  }
})();

「二重投稿防止」について友人に書いてもらう。

あなたにとって「二重投稿防止」とは?

ログインするとワンクリックでキーワードを投稿できます

ログインする 新規登録する

お気に入りの説明

0 pt
cookieを使う DBを参照する セッションを使う 二重投稿を防止しつつ直接アクセスも防ぐPHPコードサンプル 7: $taskId = mt_rand(); 8: $_SESSION['taskId'] = $taskId; 9: $hiddenV...
もっと読む

他の人の「二重投稿防止」を見る