JavaScript - フォームと検証(データの長さの検証、数値の検証(isNaN))

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.311)を解いてみる。

その他参考書籍

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

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

コード(BBEdit)

sample.js

var validateZIPCode = function (input_field, help_text) {
        var zip = input_field.val(),
            is_help_text_exist = help_text !== null;
        if (zip.length !== 5) {
            if (is_help_text_exist) {
                help_text.text('5桁の数字を入力して下さい');
            }
            return false;
        }
        if (isNaN(zip)) {
            if (is_help_text_exist) {
                help_text.text('数字を入力して下さい');
            }
            return false;
        }
        if (is_help_text_exist) {
            help_text.text('');
        }
        return true;
    },
    zip_code = $('#zip_code'),
    zip_code_help = $('#zip_code_help');

zip_code.blur(function(event) {
    validateZIPCode(zip_code, zip_code_help);
});

ZIP Code: