JavaScript - フォームと検証(正規表現によるメールアドレスの検証(文字クラス、オプション文字))

Head First JavaScript
頭とからだで覚えるJavaScriptの基本
(オライリージャパン)
Michael Morrison (著) 豊福 剛 (翻訳)

開発環境

• OS X Mavericks - Apple(OS)
• Emacs (CUI)、BBEdit - Bare Bones Software, Inc. (GUI) (Text Editor)
• Safari、Firefox + Firebug (Webプラウザ、プラグイン)
• JavaScript (プログラミング言語)
• jQuery (JavaScript Library)

Head First JavaScript ―頭とからだで覚えるJavaScriptの基本( Michael Morrison (著), 豊福 剛 (翻訳)、オライリージャパン)の7章(フォームと検証)、自分で考えてみよう(p.337)を解いてみる。

その他参考書籍

• JavaScript 第6版
• JavaScriptリファレンス 第6版
• JavaScriptクックブック
• jQueryクックブック

自分で考えてみよう(p.337)

コード(BBEdit)

sample.js

var address = $('#address0'),
    address_help = $('#address0_help'),
    validateNonEmpty = function (input_field, help_text) {
        if (input_field.val().length === 0) {
            if (help_text !== null) {
                help_text.text('値を入力して下さい');
            }
            return false
        }
        if (help_text !== null) {
            help_text.text('');
        }
        return true;
    },
    validateRegEx = function (regex, input_str, help_text, help_message) {
        if (!regex.test(input_str)) {
            if (help_text !== null) {
                help_text.text(help_message);
            }
            return false;
        }
        if (help_text !== null) {
            help_text.text('');
        }
        return true;
    },
    validateEmail = function (input_field, help_text) {
        if (input_field.val().length === 0) {
            if (help_text !== null) {
                help_text.text('値を入力して下さい。');
            }
        }
        return validateRegEx(/^[-\.\+\w]+@[-\w]+(\.\w{2,4})+$/,
                input_field.val(), help_text, 'メールアドレスを確認してください');
    }

address.blur(function(event) {
    validateEmail(address, address_help);
});

メールアドレスを入力して下さい: