コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > JSメールメールボックス/メールアドレス定期フィルタリング実装

JSメールメールボックス/メールアドレス定期フィルタリング実装

php中世界最好的语言
リリース： 2018-05-25 09:58:41
オリジナル
2250 人が閲覧しました

今回は、JS メール/メールアドレス定期フィルタリングの実装について説明します。以下は、JS メール/メールアドレス定期フィルタリングの 注意事項 とは何ですか?

要するに

ユーザー登録をする際、メールアドレス・メールアドレスの正規表現がよく使われます。この記事にはいくつかのオプションがリストされており、プロジェクトの状況に応じて最適なオプションを選択できます。

JSメールメールボックス/メールアドレス定期フィルタリング実装

オプション 1 (一般的に使用されます)

ルールは次のように定義されています:

  • 大文字 [A-Z]、小文字 [a-z]、数字 [0-9]、アンダースコア [_] を使用します。 、マイナス記号 [-] とピリオド [.] で始まり、1 回以上繰り返す必要があります [+]。

  • は真ん中に@記号を含める必要があります。

  • @は、大文字[A-Z]、小文字[a-z]、数字[0-9]、アンダースコア[_]、マイナス記号[-]、ピリオド[.]で接続し、繰り返す必要があります。多くても 1 回 [+]。

  • 末尾は2～4桁の大文字と小文字[A-Za-z]{2,4}を繋いだピリオド[.]でなければなりません。

上記のルールを使用して、次の正規表現を指定します: 

var pattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
ログイン後にコピー
完全なテストコード 

nbsp;HTML>


  <meta>
  <title>邮箱/邮件地址的正则表达式及分析(JavaScript，email，regex)</title>


<p></p>
<script>
  var pattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
  w("pattern.test(&#39;cn42du@163.com&#39;) = "+pattern.test(&#39;cn42du@163.com&#39;)+";");
  w("pattern.test(&#39;ifat3@sina.com.cn&#39;) = "+pattern.test(&#39;ifat3@sina.com.cn&#39;)+";");
  w("pattern.test(&#39;ifat3.it@163.com&#39;) = "+pattern.test(&#39;ifat3.it@163.com&#39;)+";");
  w("pattern.test(&#39;ifat3_-.@42du.cn&#39;) = "+pattern.test(&#39;ifat3_-.@42du.cn&#39;)+";");
  w("pattern.test(&#39;ifat3@42du.online&#39;) = "+pattern.test(&#39;ifat3@42du.online&#39;)+";");
  w("pattern.test(&#39;毛三胖@42du.cn&#39;) = "+pattern.test(&#39;毛三胖@42du.cn&#39;)+";");
  function w(val) {
    document.getElementById("main").innerHTML += val +"<br />";
  }
</script>
ログイン後にコピー
テスト結果:

pattern.test('cn42du@163.com') = true;

pattern.test( ' ifat3@sina.com.cn') = true;
pattern.test('ifat3.it@163.com') = true;
pattern.test('ifat3_-.@42du.cn') = true;
パターン .test('ifat3@42du.online') = false;
pattern.test('Mao Sanpang@42du.cn') = false;
pattern.test('cn42du@163.com') = true;
パターン.test('ifat3@sina.com.cn') = true;
pattern.test('ifat3.it@163.com') = true;
pattern.test('ifat3_-.@42du.cn') = true;
pattern.test('ifat3@42du.online') = false;
pattern.test('Mao Sanpang@42du.cn') = false;

オプション 1 の説明

オプション 1 が最も重要です一般的に使用される電子メール正規表現検証ソリューションは、ほとんどのアプリケーション シナリオにも適しています。上記のテストからわかるように、この式は .online および .store で終わるドメイン名をサポートしていません。このタイプのドメイン名 (4 桁を超える) と互換性を持たせる必要がある場合は、正規表現 {2,4} の最後の制限部分を調整するだけです (例: {2,8})。もう 1 つの問題は、電子メールのユーザー名に漢字を含めることができないことです。

オプション 2 (改訂されたオプション 1)

ルールは次のように補足されます:

  • ユーザー名には中国語 [u4e00-u9fa5] を含めることができます

  • ドメイン名は最大 8 桁の数字で終わることができます{ 2,8}

  • 更新された正規表現は次のとおりです: 

var pattern = /^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/;
ログイン後にコピー
完全なテストコード 

nbsp;HTML>


  <meta>
  <title>邮箱/邮件地址的正则表达式及分析(JavaScript，email，regex)</title>


<p></p>
<script>
  var pattern = /^([A-Za-z0-9_\-\.\u4e00-\u9fa5])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,8})$/;
  w("pattern.test(&#39;cn42du@163.com&#39;) = "+pattern.test(&#39;cn42du@163.com&#39;)+";");
  w("pattern.test(&#39;ifat3@sina.com.cn&#39;) = "+pattern.test(&#39;ifat3@sina.com.cn&#39;)+";");
  w("pattern.test(&#39;ifat3.it@163.com&#39;) = "+pattern.test(&#39;ifat3.it@163.com&#39;)+";");
  w("pattern.test(&#39;ifat3_-.@42du.cn&#39;) = "+pattern.test(&#39;ifat3_-.@42du.cn&#39;)+";");
  w("pattern.test(&#39;ifat3@42du.online&#39;) = "+pattern.test(&#39;ifat3@42du.online&#39;)+";");
  w("pattern.test(&#39;毛三胖@42du.cn&#39;) = "+pattern.test(&#39;毛三胖@42du.cn&#39;)+";");
  function w(val) {
    document.getElementById("main").innerHTML += val +"<br />";
  }
</script>
ログイン後にコピー
テスト結果:

pattern.test('cn42du@163.com') = true;

pattern .test('ifat3@ sina.com.cn') = true;
pattern.test('ifat3.it@163.com') = true;
pattern.test('ifat3_-.@42du.cn') = true;
pattern.test ('ifat3@42du.online') = true;
pattern.test('Mao Sanpang@42du.cn') = true;

オプション 3 (安全)

モバイルの前電話認証コードが表示されます。ほぼ

メール認証 がユーザーの一意性を保証する唯一の条件です。一時メールボックス (10 分メールボックスまたは使い捨てメールボックスとも呼ばれる) の出現により、メールボックスの検証とアカウントのアクティベーションのメカニズムが無意味になってしまいました。一時的な電子メール アドレスのアドレスは列挙できません。ホワイトリストを使用して、限られた数の電子メール ドメイン名のみが検証に合格できるようにすることしかできません。

プラン 1 の次の追加ルールに従います:

電子メールのドメイン名は 163.com、qq.com、または 42du.cn のみにすることができます。

正規表現は次のように指定されます: 

var pattern = /^([A-Za-z0-9_\-\.])+\@(163.com|qq.com|42du.cn)$/;
ログイン後にコピー
完全なテストコード 

nbsp;HTML>


  <meta>
  <title>邮箱/邮件地址的正则表达式及分析(JavaScript，email，regex)</title>


<p></p>
<script>
  var pattern = /^([A-Za-z0-9_\-\.])+\@(163.com|qq.com|42du.cn)$/;
  w("pattern.test(&#39;cn42du@163.com&#39;) = "+pattern.test(&#39;cn42du@163.com&#39;)+";");
  w("pattern.test(&#39;ifat3@sina.com.cn&#39;) = "+pattern.test(&#39;ifat3@sina.com.cn&#39;)+";");
  w("pattern.test(&#39;ifat3.it@163.com&#39;) = "+pattern.test(&#39;ifat3.it@163.com&#39;)+";");
  w("pattern.test(&#39;ifat3_-.@42du.cn&#39;) = "+pattern.test(&#39;ifat3_-.@42du.cn&#39;)+";");
  w("pattern.test(&#39;ifat3@42du.online&#39;) = "+pattern.test(&#39;ifat3@42du.online&#39;)+";");
  w("pattern.test(&#39;毛三胖dd@42du.cn&#39;) = "+pattern.test(&#39;毛三胖@42du.cn&#39;)+";");
  function w(val) {
    document.getElementById("main").innerHTML += val +"<br />";
  }
</script>
ログイン後にコピー
テスト結果: 

pattern.test('cn42du@163.com') = true;
pattern.test('ifat3@sina.com.cn') = false;
pattern.test('ifat3.it@163.com') = true;
pattern.test('ifat3_-.@42du.cn') = true;
pattern.test('ifat3@42du.online') = false;
pattern.test('毛三胖dd@42du.cn') = false;
ログイン後にコピー
スキーム 3 の検証によりセキュリティは確保できますが、ホワイトリストが長すぎると、パターン

string が長すぎます。このとき、電子メール ドメイン名のホワイトリストを配列として記述し、予備検証に正規表現を使用し、ドメイン名の二次検証にホワイトリストを使用できます。

现给出邮箱验证函数如下：

var isEmail = function (val) {
  var pattern = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
  var domains= ["qq.com","163.com","vip.163.com","263.net","yeah.net","sohu.com","sina.cn","sina.com","eyou.com","gmail.com","hotmail.com","42du.cn"];
  if(pattern.test(val)) {
    var domain = val.substring(val.indexOf("@")+1);
    for(var i = 0; i<p style="text-align: left;">上述isEmail()函数列举了常用的11种邮箱域名，大家可以根据需要适当补充或删减。</p><p>相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！</p><p>推荐阅读：</p><p><a href="//m.sbmmt.com/js-tutorial-398128.html" target="_blank">JS数组方法使用步骤详解</a><br></p><p><a href="//m.sbmmt.com/js-tutorial-398124.html" target="_blank">行内元素padding和margin在什么情况下无效</a><br></p>
ログイン後にコピー

以上がJSメールメールボックス/メールアドレス定期フィルタリング実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
email javascript 通常
ソース：php.cn
前の記事：Ajaxをベースにしたドロップダウンボックスのデータ連携表示の実装 次の記事：プロンプトを含む Ajax 検証フォームの例
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
JavaScript を使用せずにクリック時に画像ソースを動的に変更する CSS のみのメソッド img:active{} のような CSS のみを使用して、マウスクリック時に画像の src を変更する必要があります
から 2024-04-06 19:25:49
0
1
505
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
ベンダー固有の疑似要素上の JavaScript ホバー イベント 次の htmlinput タグがあります。 $("input[type='range']::-webkit-slider-thumb").on('hover',...
から 2024-04-06 15:35:24
0
1
274
Javascript/Jqueryを使用してボタンなしでフォームを送信する JavaScript 関数を呼び出し、JQUERY/PHP を使用してフォームを実行することにより、ボタンのないフォームを送信しようとしています。ページを再読み込みせずに、バックエ...
から 2024-04-06 14:54:03
0
2
421
CollapseDisplay クラスを使用してブートストラップ アコーディオン ヘッダーの外観をカスタマイズする class Collapseshow を使用してパネルのカード タイトルのスタイルを設定したいと考えています。この例では、最初のパネルです。 CSS を使用して .accordio...
から 2024-04-06 12:53:11
0
1
376
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート