jQueryを使用して電子メールの検証を実行する

この記事ではjavascriptを使用して電子メールの検証を実行する方法を説明しました。 この記事では、jQueryを使用した電子メールの検証方法を説明します。 同様にいくつかの方法があります。 （Source： jquerybyexample)

validateEmail（）は、電子メールアドレスをパラメータとして受け取り、正規表現（Regular Expression）を使用して電子メールの検証を行います。

function validateEmail(sEmail) {
var filter = /^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
if (filter.test(sEmail)) {
return true;
}
else {
return false;
}
}​

そして、次のjQueryコードを使用して、上記の関数（validateEmail（））を呼び出します。

$(document).ready(function() {
$('#btnValidate').click(function() {
var sEmail = $('#txtEmail').val();
if ($.trim(sEmail).length == 0) {
alert('Please enter valid email address');
e.preventDefault();
}
if (validateEmail(sEmail)) {
alert('올바른 이메일입니다');
}
else {
alert('잘못된 이메일입니다');
e.preventDefault();
}
});
});

（参考までに WordPress上記のコードがうまく動作しない場合$をjQueryを変えてみてください。）

上記のコードを使用してテストしてみると、無効なアドレスを入れる場合は、以下の図のように、エラーメッセージを出力します。