ホームページ > 記事 > ウェブフロントエンド > JS は検証メール/メールアドレスを定期的にします
JS は検証メール/メールアドレスを定期的にします
- php中世界最好的语言オリジナル
- 2018-06-09 14:09:186137ブラウズ
今回は定期認証メール/メールアドレスを作成するための JS を紹介します。JS を使用して定期認証メール/メールアドレスを作成する場合の注意点は何ですか? ここでは実際の事例を見てみましょう。
ルールは次のように定義されています:
は大文字[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('cn42du@163.com') = "+pattern.test('cn42du@163.com')+";");
w("pattern.test('ifat3@sina.com.cn') = "+pattern.test('ifat3@sina.com.cn')+";");
w("pattern.test('ifat3.it@163.com') = "+pattern.test('ifat3.it@163.com')+";");
w("pattern.test('ifat3_-.@42du.cn') = "+pattern.test('ifat3_-.@42du.cn')+";");
w("pattern.test('ifat3@42du.online') = "+pattern.test('ifat3@42du.online')+";");
w("pattern.test('毛三胖@42du.cn') = "+pattern.test('毛三胖@42du.cn')+";");
function w(val) {
document.getElementById("main").innerHTML += val +"<br />";
}
</script>
</body>
</html>
テスト結果:
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})$/;
完全なテストコード
<!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('cn42du@163.com') = "+pattern.test('cn42du@163.com')+";");
w("pattern.test('ifat3@sina.com.cn') = "+pattern.test('ifat3@sina.com.cn')+";");
w("pattern.test('ifat3.it@163.com') = "+pattern.test('ifat3.it@163.com')+";");
w("pattern.test('ifat3_-.@42du.cn') = "+pattern.test('ifat3_-.@42du.cn')+";");
w("pattern.test('ifat3@42du.online') = "+pattern.test('ifat3@42du.online')+";");
w("pattern.test('毛三胖@42du.cn') = "+pattern.test('毛三胖@42du.cn')+";");
function w(val) {
document.getElementById("main").innerHTML += val +"<br />";
}
</script>
</body>
</html>
テスト結果:
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)$/;
完全なテストコード
<!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('cn42du@163.com') = "+pattern.test('cn42du@163.com')+";");
w("pattern.test('ifat3@sina.com.cn') = "+pattern.test('ifat3@sina.com.cn')+";");
w("pattern.test('ifat3.it@163.com') = "+pattern.test('ifat3.it@163.com')+";");
w("pattern.test('ifat3_-.@42du.cn') = "+pattern.test('ifat3_-.@42du.cn')+";");
w("pattern.test('ifat3@42du.online') = "+pattern.test('ifat3@42du.online')+";");
w("pattern.test('毛三胖dd@42du.cn') = "+pattern.test('毛三胖@42du.cn')+";");
function w(val) {
document.getElementById("main").innerHTML += val +"<br />";
}
</script>
</body>
</html>
テスト結果:
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 の検証によりセキュリティは確保できますが、ホワイトリストが長すぎると、パターン文字列も長くなりすぎます。このとき、電子メール ドメイン名のホワイトリストを配列として記述し、予備検証に正規表現を使用し、ドメイン名の二次検証にホワイトリストを使用できます。
電子メール検証関数は次のようになります:
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);
上記の isEmail() 関数は、一般的に使用される 11 個の電子メール ドメイン名をリストします。必要に応じて追加または削除できます。
この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。
推奨読書:
Vue2 ルーティング ナビゲーション フックのカプセル化と実戦での使用
以上がJS は検証メール/メールアドレスを定期的にしますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。