JavaScriptと正規表現でメールアドレスを確認する

少し前に私は JavaScriptと正規表現を使用したパスワード強度チェッカー。 同じメモで、同じ正規表現(regex)方法論を使用して電子メールアドレスの構造を確認することもできます。

フォーム要素に id =” emailaddress” フォームを追加します onSubmit =” return checkEmail();「これは、メールアドレスの構造が有効かどうかに関係なくアラートを返すために利用できるJavascript関数です。

function checkEmail() {
var email = document.getElementById('emailaddress');
var filter = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
if (!filter.test(email.value)) {
alert('Please provide a valid email address');
email.focus;
return false;
}
}

この関数は、電子メールの内容をフィルターの内容に検証します。 比較が失敗すると、アラートがポップアップし、フォーカスがメールアドレスフィールドに戻ります。