![住所・フリガナは自動入力すべし! フォームで使えるライブラリまとめ/15か条の12 | 勝手にEFO分析-エントリーフォーム改善](https://cdn-ak-scissors.b.st-hatena.com/image/square/aab62305a2ea3c42107427ced5ea37006ab4d308/height=288;version=1;width=512/https%3A%2F%2Fwebtan.impress.co.jp%2Fsites%2Fdefault%2Ffiles%2Fstyles%2F1200x630%2Fpublic%2Fimages%2Farticle2014%2Fefo%2Fefo_icon.png%3Fitok%3DOmoQLlO7)
こんなことありませんか? フォームの項目が多くなり過ぎてしまい、ユーザーがストレスを感じそうと思う時はありませんか? そんな時、押した項目によってその後の内容を変化させれば 項目が減って見た目もスッキリ・ユーザーの離脱も効果的に抑えられるはずです。 JavaScriptはかなりの初心者なので忘れないようメモしてみました。 【サンプル】例えばお申し込みフォームで… ・【初めて申し込む】を押した時は、「紹介者」入力欄・特典を表示。 ・【2度目以降の利用】を押した時は、「会員番号」入力欄を表示。 利用方法 初めて申し込む 2度目以降の利用 紹介者 紹介された方のお名前を入力してください。 会員番号 会員番号を入力してください。 特典:初めての方は30%オフ! サンプルソース(ラジオボタン) HTML [html] 利用方法 初めて申し込む 2度目以降の利用 紹介者 紹介された方のお名前を入力して
テキストボックスが3つあります。 それら全てに文字が入力されていないと送信ボタンがグレーアウトして作動しなくなっています。 逆に全てのテキストボックスに文字が入力されていればクリックできるようになります。 サンプルコード サンプルコード HTML <form> <label for="input01">入力欄1つめ</label> <input required id="input01" type="text" /> <label for="input02">入力欄2つめ</label> <input type="text" id="input02"/> <label for="input03">入力欄3つめ</label> <input required type="text" id="input03"/> <button type="submit" class="send">送信</b
最近では、エントリーフォーム最適化(EFO)という施策も広まってきましたが、特に購入やサンプル請求、お問合せ等がコンバージョンとなっているサイトではフォームで離脱されてしまってはせっかくの広告や施策が水の泡になってしまいます。 ここではユーザーを離脱させないために気をつけたいポイントとそれを実現するために便利なjQueryのプラグインを紹介します。 まず、入力フォームを作成する際のポイントは、ユーザーにストレスを感じせない事です。ストレスの原因となるものは大きく言うと 入力しづらい、エラーメッセージがわかりづらい、といった操作に関するもの。 どこまでやれば完了なのかわかない、個人情報の扱いが心配、といった心理的なもの。 です。なのでこの点を解消させてあげるフォームを作成すればユーザーが離脱する可能性は下がりますね。 具体的なポイントは以下のような項目になります。 必須入力か
文字数ではなく、バイト数を数える処理です。 文字列を1文字ずつ確認し、1バイト文字の場合は1を足し、2バイト文字の場合は2を足した合計を返します。 /**************************************************************** * バイト数を数える * * 引数 : str 文字列 * 戻り値: バイト数 * ****************************************************************/ function CountLength(str) { var r = 0; for (var i = 0; i < str.length; i++) { var c = str.charCodeAt(i); // Shift_JIS: 0x0 ~ 0x80, 0xa0 , 0xa1 ~ 0xdf ,
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く