コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 正規表現を使用してメールアドレス/メールアドレスをフィルタリングする

正規表現を使用してメールアドレス/メールアドレスをフィルタリングする

php中世界最好的语言
リリース： 2018-05-24 10:13:16
オリジナル
11337 人が閲覧しました

今回は、正規表現を使用してメールボックス/メールアドレスをフィルタリングするときの注意事項と、正規表現を使用してメールボックス/メールアドレスをフィルタリングする場合の

注意事項をいくつか紹介します。以下は実際的なケースです。

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

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

正規表現を使用してメールアドレス/メールアドレスをフィルタリングするオプション 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})$/;
ログイン後にコピー
完全なテスト コード 

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>邮箱/邮件地址的正则表达式及分析(JavaScript，email，regex)</title>
</head>
<body>
<p id="main"></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>
</body>
</html>
ログイン後にコピー

テスト結果: 

pattern.test(&#39;cn42du@163.com&#39;) = true;
pattern.test(&#39;ifat3@sina.com.cn&#39;) = true;
pattern.test(&#39;ifat3.it@163.com&#39;) = true;
pattern.test(&#39;ifat3_-.@42du.cn&#39;) = true;
pattern.test(&#39;ifat3@42du.online&#39;) = false;
pattern.test(&#39;毛三胖@42du.cn&#39;) = false;
pattern.test(&#39;cn42du@163.com&#39;) = true;
pattern.test(&#39;ifat3@sina.com.cn&#39;) = true;
pattern.test(&#39;ifat3.it@163.com&#39;) = true;
pattern.test(&#39;ifat3_-.@42du.cn&#39;) = true;
pattern.test(&#39;ifat3@42du.online&#39;) = false;
pattern.test(&#39;毛三胖@42du.cn&#39;) = 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})$/;
    ログイン後にコピー

    完全なテストコード
    • <!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>邮箱/邮件地址的正则表达式及分析(JavaScript，email，regex)</title>
</head>
<body>
<p id="main"></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>
</body>
</html>
    ログイン後にコピー
テスト結果: 

pattern.test(&#39;cn42du@163.com&#39;) = true;
pattern.test(&#39;ifat3@sina.com.cn&#39;) = true;
pattern.test(&#39;ifat3.it@163.com&#39;) = true;
pattern.test(&#39;ifat3_-.@42du.cn&#39;) = true;
pattern.test(&#39;ifat3@42du.online&#39;) = true;
pattern.test(&#39;毛三胖@42du.cn&#39;) = true;
ログイン後にコピー

オプション3 (安全)

携帯電話の確認コードが表示される前に、ほぼ メール認証

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

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

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

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

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

完全なテストコード 

<!DOCTYPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <title>邮箱/邮件地址的正则表达式及分析(JavaScript，email，regex)</title>
</head>
<body>
<p id="main"></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>
</body>
</html>
ログイン後にコピー

テスト結果: 

pattern.test(&#39;cn42du@163.com&#39;) = true;
pattern.test(&#39;ifat3@sina.com.cn&#39;) = false;
pattern.test(&#39;ifat3.it@163.com&#39;) = true;
pattern.test(&#39;ifat3_-.@42du.cn&#39;) = true;
pattern.test(&#39;ifat3@42du.online&#39;) = false;
pattern.test(&#39;毛三胖dd@42du.cn&#39;) = 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< domains.length; i++) {
      if(domain == domains[i]) {
        return true;
      }
    }
  }
  return false;
}
// 输出 true
isEmail(cn42du@163.com);
ログイン後にコピー

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

フォーム入力コンポーネントに Vue.js カスタム イベントを使用する方法


Vue が次の表を使用して配列を変更するときにページがレンダリングされない場合に対処する方法

以上が正規表現を使用してメールアドレス/メールアドレスをフィルタリングするの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル：
email 表現 郵便
ソース：php.cn
前の記事：Vueのショッピングカートチェックボックスの全選択・逆選択などの機能の解析例 次の記事：正規表現を使用してIDカード番号をフィルタリングする方法
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
API は postman では動作しますが、Flutter では接続を拒否します postRequest()async{Map\<String,dynamic\>map={'email':'[email protected]','password':...
から 2024-04-06 14:08:33
0
1
340
Flutter、Laravel、PHPを使用してAPI応答の「students」配列の「type」プロパティにアクセスするにはどうすればよいですか? "data":{"id":9,"name":"tala","role":&quo...
から 2024-04-04 19:25:13
0
1
288
外部キーエントリを削除する手順 Employee と Address という 2 つのテーブルがあります。 Employee はメインテーブルで、Address は外部キー AddressId を介して Empl...
から 2024-04-04 14:15:44
0
1
352
JavaScript 変数を PHP コードの出力を含む文字列に設定できますか? PHPコードの出力と等しいJavaScript変数を設定しようとしています: varname='<?phpglobal$email;echojson_encode(passt...
から 2024-04-04 08:25:56
0
1
385
onSubmit を使用して React から Node js にデータを送信する React スクリプトには onSubmit があり、送信ボタンをクリックすると呼び出されます。 consthandleSubmit=(event)=>{event.prev...
から 2024-04-02 16:36:07
0
1
268
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート