メールアドレス入力フォームにドメインのサジェスト機能をつける

harada 1,371views 更新:2014年2月21日

email-autocompleteというjQueryプラグインを利用することで、メールアドレス入力フォームに簡単にドメインのサジェスト機能を付けられます。

  <form>
      <input type="email" id="email" placeholder="メールアドレスを入力">
  </form>

  <script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script> //jQueryを読み込む
  <script src="js/jquery.email-autocomplete.js"></script> //プラグインを読み込む
  <script>
  (function($){
    $(function() {
      $(".email").emailautocomplete({
        domains: ["yahoo.co.jp"] //案内したいドメインを自分で追加できます。
      });
    });
  }(jQuery));
  </script>

メールアドレスのみで無料登録できるようになると、間違えないで入力してもらえるフォームにするということがとても重要になるので、色々探しています。
これも便利ですが、予測されたドメインをタブで選択しなくてはいけないのが、ちょっと難しいですよね。。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません