hypweb.net
XOOPSマニア  最新情報のRSS(サイト全体)
[ 自宅サーバーWebRing |ID=54 前後5表示乱移動サイト一覧 ]

TOP » UsersWiki » nao-pon » blog » Diff of nao-pon/blog/2015-04-01
  
Cur: 2015-04-01 (Wed) 22:09:35 nao-pon source
Line 1: Line 1:
 +#navi
 +RIGHT:&rsslink(../);
 +#boxdate
 +* [jQuery] フォームの二重送信を防止する(小ワザつき) [#k7b786a8]
 +RIGHT:&tag(プログラミング,JavaScript);
 +
 +XOOPS の d3forum で二重送信してしまう場合が結構あったので、jQuery でちょっと対応してみた。
 +
 +フォーム送信時に submit ボタンが disabled だと、そのボタンのデータが送信されず、例えば d3forum だと「プレビュー」を押してるのに「送信」扱いになってしまうので、setTimeout で、disable 属性の付与をちょっとだけ遅延させてあります。
 +
 +また、別窓で開くフォーム用に target 属性を持つフォームは除外し、念のため 15 秒後に再活性化するようにしてあります。
 +
 +これを、HypCommon の設定の「その他の設定」-「<head>内の最後に挿入するタグ」に記述しておくと XOOPS サイト全体にこの機能が追加されます。
 +
 +:追記|
 +[[[jQuery] Web ページのフォーム投稿時問題のあれこれを上手いことするやつ>../2015-04-03]] でもっといい感じのものを作ってみました。
 +
 +
 +#code(javascript){{
 +<script type="text/javascript">
 +jQuery(function($){
 +  $('form:not([target])').on('submit',function(e){
 +   var btn = $(this).find('input[type="submit"]');
 +   setTimeout(function(){btn.attr('disabled', 'disabled')},100);
 +   setTimeout(function(){btn.removeAttr('disabled');},15000);
 +  });
 +});
 +</script>
 +}}
 +
 +RIGHT:&font(90%){&page_comments;};
 +#navi
  

  • Backup diff of nao-pon/blog/2015-04-01(No. All)
    • Cur: 2015-04-01 (Wed) 22:09:35 nao-pon

Front page   Diff Backup Copy Rename ReloadPrint View   New Page Page list Search Recent changes   Help   RSS of recent changes (RSS 1.0) RSS of recent changes (RSS 2.0) RSS of recent changes (RSS Atom) Powered by xpWiki
Counter: 108, today: 1, yesterday: 0
このページのTopへ
メインメニュー
ログイン

ユーザー名:


パスワード:





パスワード紛失  |新規登録
最近の更新
オンライン状況
24 人のユーザが現在オンラインです。 (2 人のユーザが UsersWiki を参照しています。)

登録ユーザ: 0
ゲスト: 24

もっと...
サイト情報