開発環境
- OS X Mavericks - Apple(OS)
- Emacs (CUI)、BBEdit - Bare Bones Software, Inc. (GUI) (Text Editor)
- Safari、Firefox + Firebug (Webプラウザ、プラグイン)
- JavaScript (プログラミング言語)
- jQuery (JavaScript Library)
『初めてのJavaScript 第2版』(シェリー・パワーズ著(Shelley Powers著)、武舎 広幸+武舎 るみ訳、オライリージャパン、2009年、ISBN978-4-87311-425-5) の8章(フォームと検証)、練習問第8-2.を解いてみる。
その他参考書籍
練習問第8-2.
コード(BBEdit)
var validateName = function (event) { var text = event.target.value; if (text === null || text === ''){ alert('名前を記入して下さい'); } }, validateZip = function (event) { if (!/^\d{3}[-]?\d{4}$/.test(event.target.value)){ alert('郵便番号の形式が違っています'); } }, validateAddress = function (event){ if (/[0-9]/.test(event.target.value)){ alert('住所に半角数字を含めないで下さい'); } }, validatePassword = function (event) { if (/^.{0,7}$/.test(event.target.value)){ alert('パスワードは8文字以上にして下さい'); } }; $('#name').blur(validateName); $('#zip').blur(validateZip); $('#address').blur(validateAddress); $('#passwd').blur(validatePassword); $('#b0').click(function() { var result = '', inputs = $('#d0 input'), i, max; for (i = 0, max = inputs.length; i < max; i += 1) { if (inputs[i].type != 'button'){ result += inputs[i].value + '\n'; } } $('#textarea').text(result); });
名前:
郵便番号:
住所:
パスワード:
郵便番号:
住所:
パスワード:
0 コメント:
コメントを投稿