Closed2
大阪府子供食費支援事業のフォーム入力を楽したい
Kazuki Yonemoto大阪府子供食費支援事業とてもありがたい取り組みなのですが、クーポンIDが以下のようにハイフンつなぎで送られてくる割に入力時にはしっかり分割入力しないといけない仕様になっております。😇
PC作業でも割と面倒なため、一括入力をサポートするブックマークレットを作成しました。
javascript:(function(){var code=prompt('クーポンコードを入力してください:','');if(!code)return;var parts=code.replace(/-/g,'').match(/.{1,4}/g);if(!parts||parts.length!==4){alert('正しい形式のコードを入力してください (例: XXXX-XXXX-XXXX-XXXX)');return} var inputs=document.querySelectorAll('input[name^="codes"]');inputs.forEach((input,index)=>{input.value=parts[index]});var agreement=document.getElementById('agreement');if(agreement){agreement.checked=!0}})()
コピペがほんの少し楽になりますねw
Kazuki Yonemotoブックマークレットの設定&実行手順
以下Google Chromeで設定する手順になります。
- Chromeのブックマークマネージャーを開く
- 新しいブックマークを追加
- ブックマークレットのコードをコピペ
- 対象のサイトでブックマークを選択
1. Chromeのブックマークマネージャーを開く
Chromeのブックマークマネージャーを開きます。以下をブラウザの検索バーに貼り付けると開きます。
chrome://bookmarks/
Macのショートカットは⌘+option+b です。
2. 新しいブックマークを追加
右上の三点リーダーメニューから「新しいブックマークを追加」を選択し、ブックマーク追加モーダルを開きます。
3. ブックマークレットのコードをコピペ
名前は適当なもので設定し、URLはブックマークレットの以下コードをコピペします。
javascript:(function(){var code=prompt('クーポンコードを入力してください:','');if(!code)return;var parts=code.replace(/-/g,'').match(/.{1,4}/g);if(!parts||parts.length!==4){alert('正しい形式のコードを入力してください (例: XXXX-XXXX-XXXX-XXXX)');return} var inputs=document.querySelectorAll('input[name^="codes"]');inputs.forEach((input,index)=>{input.value=parts[index]});var agreement=document.getElementById('agreement');if(agreement){agreement.checked=!0}})()
4. 対象のサイトでブックマークを選択
ブックマークを選択すると入力フォームが展開するので、IDを添付してください。
実行すると分割されたフォームにそれぞれ入力値が割り振られるはずです。
このスクラップは5日前にクローズされました