入力されたメールアドレスのドメインをサジェストしてくれる「mailcheck.js」

「mailcheck.js」は、入力されたメールアドレスのドメインをサジェストしてくれるjQueryプラグインです。
ダウンロード

スクリプト

<script src="jquery.min.js" type="text/javascript"></script>
<script src="mailcheck.min.js" type="text/javascript"></script>

実装

<input id="email" name="email" type="email" />

<script>
var domains = ['hotmail.com', 'gmail.com', 'aol.com'];
var topLevelDomains = ["com", "net", "org"];

var superStringDistance = function(string1, string2) {
  // a string distance algorithm of your choosing
}

$('#email').on('blur', function() {
  $(this).mailcheck({
    domains: domains,                       // optional
    topLevelDomains: topLevelDomains,       // optional
    distanceFunction: superStringDistance,  // optional
    suggested: function(element, suggestion) {
      // callback code
    },
    empty: function(element) {
      // callback code
    }
  });
});
</script>

オプション

• domains：確認したいドメインを指定(カンマ区切り)
• topLevelDomains：確認したいトップレベルドメインを指定(カンマ区切り)
• distanceFunction：文字列をチェックに使用するアルゴリズムを指定 (デフォルト：sift3)
• suggested：設定にもとづいてサジェスチョンがある場合にコールされる
• empty：サジェスチョンがない場合にコールされる

Related

フィールド単位でバリデーション無効化 実装方法が選べるツールチップ用プラグイン「Smallipop」 独自のバリデーションルールを作成 テキストボックスの入力値を数値限定にしてくれる「jQuery - numeric」 (メール・URL・電話・郵便・IP) データ バリデーション クレジットカード番号のバリデーションとカード会社を特定してくれる「jQuery Credit Card Validator」 バリデーション プラグイン バリデーションエラーメッセージの取得