開発環境
- 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 コメント:
コメントを投稿